Figma Make
AI-powered Figma workspace for creating code-backed, visually editable prototypes from prompts and design context.
About Figma Make
Figma Make turns an idea into a code-backed prototype or interface inside Figma. Start with a prompt, codebase, design assets, or a blank canvas. You can add context through Figma frames, PDFs, Make kits, npm packages, and design systems. The result stays visually editable, so product and design teams can move between code and canvas and revise the first output. Make files can also be copied into the Figma canvas for detailed layout and styling work. The workflow suits teams testing an onboarding flow, dashboard, mobile concept, or another interactive idea before full implementation. Access comes through Figma’s seat-based plans and consumes monthly AI credits. Teams therefore need to weigh seat type, plan level, and likely generation volume. Starter has limited access and up to 500 AI credits a month. Paid Full seats provide larger credit allowances alongside broader collaboration, administration, and design-system features.
Best for
Best use cases
Testing an interactive product idea before full implementation
Generating a prototype that follows existing brand and design assets
Moving from generated code to detailed visual editing in Figma
Compare before choosing
Starter limits product access and caps AI credits at 500 per month
Professional Full seats cost $16 monthly and include 3,000 AI credits
Organization and Enterprise add centralized administration and design-system controls at higher annual commitments
Features
Build realistic prototypes
Start with a prompt, an existing codebase, design assets, or a blank canvas to produce a code-backed prototype that stakeholders can try.
Apply design context
Attach Figma frames, PDFs, Make kits, npm packages, and design-system assets so generated work follows an established visual language.
Refine generated interfaces
Move between code and a visual canvas, then copy Make files into the Figma canvas to adjust detailed layout and styling.
Pros
- Code-backed results remain visually editable, making handoff between code and canvas more direct.
- Design systems, frames, PDFs, and packages can supply context for more consistent prototypes.
- Starter lets individuals evaluate the workflow without a subscription charge.
Cons
- Starter includes limited access and no more than 500 AI credits each month.
- Higher-tier Full seats add meaningful per-seat cost, with Organization and Enterprise billed annually.
- Generated interfaces require review and refinement before a team can rely on them in production.
Pricing Plans
Starter
- Unlimited drafts
- UI kits and templates
- 150 AI credits per day, up to 500 AI credits per month
Professional
- Unlimited files and projects for one team
- Team-wide design libraries
- Advanced Dev Mode inspection and MCP Server
- 3,000 AI credits per month with a Full seat
Organization
- Unlimited teams
- Shared libraries and fonts
- Centralized administration
- 3,500 AI credits per month with a Full seat
Enterprise
- Custom team workspaces
- Design system theming and APIs
- SCIM seat management
- 4,250 AI credits per month with a Full seat
* Pricing information is for reference only. Please refer to the latest announcement on Figma Make's official website.