What is Figma Make?
Figma Make is Figma's prompt-to-app tool that turns ideas and designs into working, code-backed prototypes for designers and product teams. Figma launched it at its Config conference in 2025, and it lives inside the Figma platform alongside Design, FigJam and Sites.
Unlike standalone app builders, Figma Make starts from your existing design context: you can attach Figma frames, design systems, images or PDFs and it builds an interactive prototype that you can keep editing visually or in code. Make kits sync npm packages and design libraries so output matches your components, and MCP connectors pull in documents and data. It is used to test product ideas, demo flows to stakeholders and hand developers a working reference instead of static mockups.
Main Features
- Generates interactive prototypes and web apps from text prompts.
- Uses attached Figma designs, images, videos and PDFs as context.
- Syncs design libraries and npm packages through Make kits.
- Lets you point at an element and edit it with a prompt or by hand.
- Tracks every AI and manual change in version history.
- Plans complex builds first with plan mode before generating code.
- Connects to outside tools and data through MCP connectors.
How to Get Started with Figma Make
- Sign in to Figma on a paid plan such as Professional.
- Open Figma Make from the file browser and create a new Make file.
- Describe what you want or attach a Figma frame as a starting point.
- Refine the prototype with follow-up prompts and share the link.
Figma Make Pricing
Figma Make is not included in the free Starter plan. On the Professional plan a Full seat costs $16 per month with 3,000 AI credits; Organization Full seats are $55 per month and Enterprise Full seats $90 per month, billed annually. Dev and Collab seats get 500 AI credits per month.
Who Should Use It?
- Product designers who want clickable prototypes beyond static frames.
- Product managers testing ideas with stakeholders and users.
- Design teams that want output to match their design system.
- Founders building quick demos before hiring engineers.
- Developers who want a working reference from designers.
Figma Make Alternatives
- Google Stitch: free AI UI generator from Google
- UX Pilot: cheaper option focused on wireframes and screens
- Lovable AI: better for shipping full-stack apps from prompts
Frequently Asked Questions
Is Figma Make free?
No. Figma Make needs a paid Figma plan; the free Starter plan does not include it. A Professional Full seat costs $16 per month.
What is Figma Make used for?
Figma Make is used to turn prompts and designs into interactive, code-backed prototypes. Teams use it to test flows and demo ideas before engineering builds them.
Figma Make vs Lovable: which is better?
Figma Make is better if your designs and design system already live in Figma. Lovable is better for building and deploying full-stack apps outside Figma.
Does Figma Make use my design system?
Yes. You can attach Figma designs and sync design libraries and npm packages with Make kits so output uses your components.
