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
FAQs
From the blog
8 essential tips for using Figma Make
Read articleHere, we share our team’s favorite prompts, pro tips, and best practices for using Figma Make to help you get the most out of our recently launched prompt-to-code feature.
Bringing Figma Make to the canvas
Read articleNow you can copy any design from a Figma Make preview to the design canvas, allowing you to edit, iterate, and take your ideas further.
Prompt, prototype, perfect: Figma Make is now available to all users
Read articleToday, all Figma AI features and products are moving out of beta, including Figma Make—which is now available for everyone to try. Here’s how teams are using the prompt-to-app tool to dream bigger, move faster, and work better together.
Introducing Figma Make
Read articleToday we’re introducing Figma Make, a new prompt-to-app capability to help you quickly explore, iterate, and refine—whether it's generating high-fidelity prototypes or getting into the details in design and code.
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.
