Figma Make

Figma Make is Figma's built-in generative AI feature that converts plain-text prompts into fully editable UI designs directly on the Figma canvas, enabling designers, product managers, and developers to produce structured, production-ready layouts without leaving the editor or relying on external tools. Unlike standalone AI design generators that output flat images or isolated files requiring manual reconstruction, Figma Make produces native Figma objects — editable vector layers, auto-layout frames, and real component instances — that integrate seamlessly into existing workflows and design systems.

Launched in 2025 as part of Figma's expansion into AI-assisted design, Make is available across all Figma plan tiers, from the free Starter plan (with limited generation credits) through Professional ($12–$15/editor/month), Organization ($45/editor/month), and Enterprise ($75/editor/month) plans with progressively higher generation quotas. Figma serves over 4 million users worldwide, and Make extends the platform's capabilities by letting any team member — regardless of design expertise — generate high-fidelity UI mockups from natural-language descriptions.

One of Make's strongest differentiators is design-system-aware generation. When a Figma file has published component libraries enabled, Make automatically references the team's existing color variables, typography tokens, spacing scales, and component definitions. This means generated screens arrive on-brand rather than requiring extensive manual cleanup to match brand guidelines. Teams maintaining mature design systems see the highest quality outputs, as Make leverages well-documented components to produce pixel-accurate layouts.

The tool supports iterative conversational refinement: after an initial generation, users can issue follow-up prompts such as 'increase whitespace between sections' or 'switch the navigation to a sidebar layout' to adjust designs incrementally. This conversational loop typically converges on a desired layout within two to three iterations, compared to the full regeneration cycles required by most competing tools. Make also supports image-to-design workflows, accepting screenshots, wireframe sketches, or reference images as input and producing structured Figma recreations with properly separated layers.

For developer handoff, every design generated by Make is fully compatible with Figma's Dev Mode. Developers can inspect generated frames to extract CSS properties, spacing values, color tokens, and exportable assets identically to hand-crafted designs. This end-to-end pipeline — from prompt to editable design to developer-ready specs — eliminates the format-conversion steps that typically slow down AI-assisted design workflows.

Make handles a range of design tasks including full-page layouts (dashboards, settings pages, landing pages, onboarding flows), individual UI components (cards, navigation bars, forms, modals), and multi-page sequences for complete user flows. It excels at standard UI patterns and responsive layouts, though highly illustrative or non-standard visual styles may require manual refinement after generation.