Skip to content
Figma Make logo

Figma Make

Prompt to working prototype inside Figma, with Make Kits that sync your npm packages and library styles so generated screens follow the real design system.

3.5/5 my assessment
Paid
Software

Overview

Figma's answer to the prompt-to-app wave, built into the file rather than bolted onto it. You describe a screen or select existing frames, and Make returns something interactive that you can then edit by clicking rather than re-prompting. The output is code-backed, so the canvas and the source are two views of the same thing.

The differentiator is Make Kits. Instead of hoping the model guesses your visual language, you point Make at your actual npm packages, library styles and guidelines, and generation stays inside those constraints. For a team that has already invested in a component library, this is the difference between a prototype that reviews well and one that gets rejected for using the wrong button. Config 2026 added code layers, which pull a cloned GitHub repo onto the canvas and push changes back, though that arrived as a closed beta with a waitlist in July 2026.

Where it stops is production. Figma is explicit that this is exploration, not deployment, and the feature that would close the gap, running Make locally against your own codebase, was still labelled beta at the end of August 2026. Budgeting matters as well. Every AI feature draws on one credit pool, 3,000 a month on a Professional Full seat, so a prototyping sprint competes with everyday agent use. Treat it as the fastest way to make a design argument concrete, not as a code generator.

Key Features

  • Generates an interactive, code-backed prototype from a prompt in the same file as the source designs
  • Make Kits sync npm packages, library styles and written guidelines so output tracks an existing design system
  • Visual editing of generated output, so a designer can fix spacing or copy without opening the code
  • Plan mode and custom skills for steering longer builds before generation starts
  • Beta path to run Make against a local codebase rather than Figma's sandbox
  • Starts from selected frames, so an approved design becomes the initial state instead of a blank prompt

Where it holds

  • Sits where the component library and variables already live, so there is no export step between design source and prototype
  • Make Kits are a real answer to design-system drift rather than a prompt instruction that the model forgets three turns in
  • Designers who do not write React can still correct the generated result directly
  • Credit allowance on a Professional Full seat is reasonable next to per-message pricing elsewhere

Where it breaks

  • Output is prototype grade. Figma itself describes code layers as exploratory code rather than something that goes down a CI/CD pipeline, and the local-codebase route was still beta in August 2026
  • Make shares one credit pool with the design agent and Weave tools, so a heavy prototyping week eats the budget for everything else
  • Nothing on the free Starter plan, so evaluating it costs a seat
  • Web and React only, with no native mobile output

My Take

Make Kits are the part worth attention. Sync an npm package, library styles and written guidelines and the generated screens stop inventing their own button, which is more than v0 or Lovable manage with prompt instructions alone. Prototype quality is genuinely high. Shipping is another matter, since Figma frames code layers as exploratory and running Make against a local codebase was still marked beta in August 2026. Watch the meter too, because Make, the design agent and Weave tools all pull from the same 3,000 monthly credits on a Professional Full seat.

Francis Okafor
Francis Okafor AI & Tech Lead · Engineer

Quick Info

Pricing:
paid
Openness:
Proprietary
Starting at:
Requires a paid Figma seat. Professional Full seat is $16 per month billed annually or $20 monthly, Organization is $55 and Enterprise is $90. Make is not available on the free Starter plan. AI credits come from one shared pool per seat: 3,000 a month on a Professional Full seat, 3,500 on Organization, 4,250 on Enterprise and 500 for Dev, Collab and View seats. On 25 August 2026 Figma made the paid credit add-on packs 2x larger for Professional and 1.6x larger for Organization and Enterprise at the same cost.
Added:
Aug 2026
Updated:
Aug 2026

Use Cases

design code generation software development productivity

Judge it on your own work

The notes above say where Figma Make holds and where it breaks. The fastest check is your own workload.

Visit website ↗

Alternatives to Figma Make