From design to something that runs
Figma Make is Figma’s AI feature that turns a written brief into a working prototype or web app. Beyond starting from nothing, you can hand it screens and components you built in Figma and have your design become something operable.
The generated app can be previewed and revised through conversation, and its code inspected and edited in an editor. It extends Figma from showing a design proposal to letting people try how it feels.
What it is for
- Turning a design into a clickable prototype
- Building a landing page or a small web app
- Trying several interaction approaches from the same design
- Checking user flow and screen transitions at the planning stage
- Exporting the generated code to hand to development
Because you can supply color, spacing, and component shapes as actual Figma designs rather than describing them, it suits requests of the form take this look and make it work better than a general AI app builder does.
Compared with Lovable and v0
Lovable and v0 are strong at going from natural language to a web app and on to a database and deployment. Figma Make starts from existing Figma designs and team styles, and is strongest at testing appearance and feel.
Figma Make when a designer’s screens should become a prototype; Lovable or Replit Agent when building a whole service from an idea; Codex when broadly modifying existing code.
Cautions
A screen that runs is not a finished product — authentication, data storage, security, and accessibility are separate concerns. Before publishing, have a person check mobile rendering, keyboard operation, and error states.
Figma Make also consumes AI credits with every prompt, varying by model and complexity. Being clear about the goal, the screens in scope, and which design elements must survive keeps large repeated revisions down.