Integrations

Fleck Integrations: Figma, Code Export, GitHub and Fleck Connect

Fleck connects to the tools designers and developers already use: a Figma plugin for audits and edits inside a file, Figma paste for finished screens, a code export you can run locally, GitHub sync for the exported project, and Fleck Connect for AI assistants that speak MCP.

Open integrations

Figma, in two directions

These are two separate things and it is worth knowing which one you want.

  • Fleck Figma plugin: run a UX audit on a selected frame, apply AI edits and send the frame into a Fleck project.
  • Copy to Figma: take a screen designed in Fleck and paste it into a Figma file as editable vector and text layers.
  • Static frames only: Fleck does not create named components, variants or auto-layout structures for you.

Code export and GitHub

Export a project as a Vite, React and Tailwind scaffold with your screens as pages, ready for a developer to run locally. You can also push the exported files to a GitHub repository from inside Fleck, as a single file or the whole project.

Fleck Connect for AI assistants

Fleck Connect exposes your Fleck work to MCP-compatible AI assistants, so an assistant can read your ideas and case studies, generate a screen, run a UX audit or check your credit balance with your permission.

Handoff files

Beyond integrations, every project can produce handoff material directly: developer notes per screen, extracted colours and interactive states, PDF and PNG exports, a PRD and a portfolio case study.

What we do not claim

  • Fleck does not integrate with tools that are not listed on this page.
  • Code export is a clean starting point for a developer, not a production codebase.
  • Figma exports are frames and layers, not a generated design system.

Frequently asked questions

What is the difference between the Figma plugin and Copy to Figma?
The plugin works inside a Figma file: it audits a selected frame, applies AI edits and can send that frame to Fleck. Copy to Figma goes the other way, pasting a screen you designed in Fleck into a Figma file as editable layers.
Can I get real code out of Fleck?
Yes. You can export a Vite, React and Tailwind project with your screens as pages, and push it to GitHub. Treat it as a starting point for a developer.
What is Fleck Connect?
Fleck Connect is Fleck's MCP interface. It lets MCP-compatible AI assistants use your Fleck projects, with tools for ideas, case studies, screen generation, UX audits and credit balance.
Do integrations cost extra?
No. Integrations are part of your plan. Actions that generate or audit still use credits, the same as in the app.

Connect your tools

Open your Fleck workspace to install the plugin, export code or connect an AI assistant.

Open integrations