Figma Make
Prompt to code anything you can imagine
About Figma Make
Figma Make is Figma's AI prompt-to-app tool. You describe what you want, or attach existing Figma designs, images or PDFs, and it generates a working, interactive prototype or web app with code you can inspect and edit. You refine the result by chatting with the agent, pointing at elements in the preview or adjusting properties directly, then share it with teammates or publish it to the web. It is built for product designers, product managers and teams who already work in Figma and want to turn ideas and static designs into functional prototypes quickly.
You create a Make file from the Figma file browser and start with a prompt, optionally using Plan mode to agree an editable plan before generation. Context can come from Figma frames, Make kits that sync your npm packages and library styles, attached files or MCP connectors. The workspace shows a live preview, the app's files and a review tab of code changes. You can add a backend for logins and stored data, copy the result to the Figma canvas for design polish, and publish it with a dedicated URL.
- •Design context - Attach Figma frames, components, Community files, images, videos, PDFs and text files to a prompt so the generated app follows your existing designs.
- •Make kits - Sync npm packages, library styles and guidelines with Figma Make so prototypes are built from your own design system components.
- •Plan mode - Clarify intent and create a structured, editable plan before any code is generated, so larger builds start from an agreed approach.
- •Point and edit - Select elements in the live preview to restyle, swap or prompt for changes, or edit the generated code directly in the Files tab.
- •Backend and publishing - Add a backend with a built-in CMS powered by Payload to store content and logins, then publish the app as a website.
Product designers use it to turn static Figma designs into clickable, data-driven prototypes. Product managers and founders use it to test ideas before engineering time is spent. Make is included in Figma plans, so it suits teams already working in Figma. For the AI features inside Figma Design itself, see the separate Figma AI listing.
Pricing
$0 - $20/mo
- Starter$0/mo
- Professional (Full seat)$20/mo
- Organization (Full seat)$55/mo yearly
- Enterprise (Full seat)$90/mo yearly
