Your AI prototype generator, in Figma Make
Describe it once. Figma Make builds it with logic, layout, and data.
Turn ideas into interactive prototypes with AI
Generate prototypes with natural language
Use simple prompts to create screens, logic, and structure. Figma Make turns your words into functional prototypes you can interact with.
Edit and iterate with AI
Start with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions.
Design and prototype in one place
Stay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools.
Test interactions with real data
Connect to a backend to preview exactly how your app will look and behave with real user data.
Built by real designers.
See what designers are building with AI UI tools in Figma Make—from marketing pages to product dashboards to mobile-first flows.
- Daniela Muntyan
- Abhiram Ramoju
- Yossef Saeed
- Joshua Guo
How to generate UI with AI in Figma Make
Start from scratch in Figma Make or use an existing frame from Figma Design.
Use a natural language prompt to define screens, structure, and interactions.
Figma Make generates a responsive, interactive prototype you can test and share.
Use more prompts or tweak the design directly—Figma Make keeps everything editable.
FAQs
An AI prototype generator lets you create working prototypes by describing what you want in natural language. Figma Make uses your prompts to generate screens, interactions, and logic—no code needed.
Figma Make combines your design input with AI to generate interactive prototypes you can refine, test, and publish—all in one place.
No. Figma Make is built to work without code. But if you want more control, you can edit the code behind your prototype.
You can try Figma Make for free on the Starter plan. Advanced features are available on paid plans.
Figma Make supports everything from onboarding flows to dashboards, mobile UIs, signup pages, and more.
Far more than a year ago. Figma's 2026 AI report found that 61% of product builders now say they're building interactive prototypes. That's up from just 10% a year ago. That growth reflects both better tools and blurring roles, with developers and product managers now prototyping alongside designers as boundaries between disciplines dissolve.
Yes. You can simulate data directly in Figma Make, or connect a backend to pull in real data via API.
Designers building an interactive prototype with Figma Make finished the task about 19% faster than building it manually; PMs doing the same task were about 9% faster. Both figures come from the same task in Figma's study on how designers and PMs save time with Figma Make, where designers saw their biggest gains: complex interaction design and prototypes built from scratch.
No—and the data backs that up. Figma's State of the Designer 2026 report found that designers who increase their AI usage rank creative freedom at the same rates as those who don't—indicating that AI and creative control go hand in hand rather than trading off against each other. 91% also say AI improves the quality of their outputs, making it a tool for better prototypes, not generic ones.
Yes. According to Figma's State of the Designer 2026 report, prototyping and motion design remains one of the most in-demand skills in the industry—and 72% of designers now use generative AI to accelerate that work. The designers seeing the strongest results are those who use AI to expand how many ideas they can explore and test, while keeping creative decisions in their own hands.
From the blog
How Lufthansa Systems prototypes realistic maps for the cockpit with Figma Make
Pilots depend on in-flight software to navigate routes, see air traffic, avoid turbulence, and more. To bring more dynamic prototypes to user testing, Lufthansa Systems turned to Figma Make.
Create, ship, and manage data-backed websites with Payload in Figma
With Payload in Figma, teams can go from prototype to production together, managing their content and data all in one place.
Measuring time savings from Figma Make
The Figma Data Science team assumed that AI saves users time—but quantifying it required a new approach to research design.
A properties panel and annotations, now in Figma Make
With visual editing and annotations, Figma Make is bridging the gap between design and code. Select any element you want to change, adjust it directly in the properties panel, or write in-context prompts with annotations.
Workflow lab: Deploying designs directly with Figma Make
The handoff from design to code doesn't have to be a one-way street. This workflow shows how a designer can connect a codebase to Figma Make, make the changes directly, and bring the whole team into review—right up to the PR.
How Decagon uses AI for design system saturation
The fast-growing customer experience platform explains how Figma MCP and Figma Make helped them scale a new design system and keep pace with customer requests.
More resources
What is MCP?
Read articleLearn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.
What is Vibe coding?
Read articleVibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.
How to design an app in five steps
Read articleBuilding an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide.