Figma Make

Figma's AI environment that generates interactive prototypes and working web apps from prompts or existing frames, aligned with your Figma design system.

Part of the Full seat, with monthly AI credits: Starter free (150 credits a day) / Professional $16/month / Organization $55 and Enterprise $90 per Full seat per month, billed annually

My take

Figma is quickly catching up with other UI generators, but it's not top-notch yet. I suspect that in the hands of a competent designer, it is much more powerful than in mine. However, it's really easy to create proper designs out of AI-generated screens, so I'm keeping an eye on this one. It's fantastic for creating prototypes that show entire user flows. And it can generate front-end code.

Visit Figma Make Back to tools

At a Glance

Pros

+ Deep integration with Figma's design ecosystem
+ Generates designs aligned with your existing design system
+ Creates interactive prototypes showing complete user flows
+ Can generate front-end code from designs
+ Easy to create proper designs from AI-generated screens

Cons

− Not yet top-notch compared to dedicated AI design tools
− Most powerful in the hands of experienced designers
− App generation capabilities still maturing
− Requires Figma familiarity to get the most value

Best for: Designers who want AI-generated screens and prototypes that align with their existing Figma design system, plus front-end code generation

Full review

Figma Make is Figma’s entry into AI-powered design and app generation. It generates interactive prototypes and even working web apps from short prompts or existing Figma frames, keeping everything aligned with your Figma design system.

Design-system alignment

The most useful thing about Figma Make is how tightly it sits inside Figma. Generated screens follow your existing design system, using your components, colors, typography, and spacing. So the AI output feels native to your project instead of generic.

Prototype generation

Where it earns its place is interactive prototypes that show a complete user flow. Instead of static screens, you get clickable prototypes that walk through how a user would move through your app. That’s genuinely handy for stakeholder presentations and user testing.

From design to code

The front-end code generation closes some of the usual gap between design and development. The generated code isn’t always production-ready, but it gives developers a decent starting point to refine and build on.

For apps that need to store data, Make saves it in key-value stores rather than a full SQL database. A Supabase backend integration is available on the Organization and Enterprise plans. Since 15 October 2026 there’s also a Payload CMS backend hosted by Figma, with a CMS tab and an admin panel. It’s rolling out to all plans and is free during the beta.

Still catching up

Against dedicated AI design tools like UX Pilot or Replit Design, Figma Make is still maturing. The AI is good but not best-in-class yet. For teams already living in Figma, though, having AI design inside the workflow they already use counts for a lot.

Who should use Figma Make

Design teams already on Figma who want to move faster. The design-system integration and the user-flow prototypes make it a good fit for teams that care about design consistency.