Figma Make

Figma Make is Figma's AI prompt-to-code tool that turns prompts, Figma frames and design systems into working, code-backed prototypes and web apps for product designers, product managers and engineers. Because it lives inside Figma, it can use the design context teams already maintain, such as components, libraries and frames, instead of inventing a generic look. The result is a prototype that behaves like software and can still be edited visually.

What is Figma Make used for?

Figma Make is used to turn ideas and static designs into interactive prototypes quickly, and increasingly to build small working apps.

• Generating a working prototype or web app from a prompt, such as an onboarding flow or a data dashboard
• Starting from existing Figma frames, images or PDFs so the result matches a real design
• Bringing in a design system through Make kits or npm packages to keep components consistent
• Copying a Make onto the Figma canvas to adjust fine visual details
• Adding a backend to manage content with the built-in CMS powered by Payload
• Packaging repeated workflows as custom skills for the team to reuse

Who Figma Make is best for

Figma Make suits product teams that already design in Figma and want realistic prototypes for user testing and stakeholder reviews, product managers who want to test a feature idea without waiting for engineering, and designers who want to explore interaction. Developers who work mostly in their own editor and do not use Figma may prefer a code-first AI builder.

Figma Make pricing

As of October 2026, Figma Make is included in Figma's plans. The free Starter plan gives limited access to Figma products with 150 AI credits per day, up to 500 per month. The Professional plan lists a Full seat at $16 per month with 3,000 AI credits per month, alongside cheaper Dev and Collab seats with 500 credits. The Organization plan, billed annually, lists a Full seat at $55 per month with 3,500 AI credits, and Enterprise is priced through sales. Figma also sells AI add-ons on all plans. Check which seat type includes the Make access you need before buying.

Limitations to keep in mind

• Heavy prompting uses AI credits quickly, especially on the free plan
• Generated apps are best for prototypes and small tools, not complex production systems
• The local codebase workflow is still in beta or coming soon
• Seat types and credit allowances make total cost depend on team makeup

Figma Make vs alternatives

v0 by Vercel and Lovable are code-first and better for shipping a deployed app outside Figma. Bolt.new and Replit offer full development environments with hosting. Framer AI is the better tool for publishing a polished marketing website. Figma Make wins when your team's design system and files already live in Figma and you want prototypes that match them without rebuilding components elsewhere.

Tips for getting started with Figma Make

Attach the actual Figma frames for the screens you want to bring to life instead of describing them in words. Set up a Make kit with your design system early, so every Make uses your real components. Use Make for interaction and flow, then copy the result to the canvas for pixel-level tweaks. Watch your AI credit balance during the first week to see which plan and seat type fits your usage.

Figma Make FAQ

Is Figma Make free?

Yes, Figma Make is available on Figma's free Starter plan with 150 AI credits per day up to 500 per month. Paid Full seats start at $16 per month on the Professional plan.

What is Figma Make used for?

Figma Make is used to turn prompts and Figma designs into working, code-backed prototypes and web apps that can be edited in code or on the canvas.

Can Figma Make use my design system?

Yes, Figma Make can use your design system through Make kits and npm packages, and you can attach Figma frames for more context.

Figma Make vs v0 by Vercel: which is better?

Figma Make is better for teams that already design in Figma and want prototypes that match their system, while v0 by Vercel is better for shipping a deployed React app.