Figma Make: Create with AI
发布时间:2026-09-14 | 浏览:1
Skip to main content
Prototype. Polish. Ship. Your ideas get real in Figma Make.
Onboarding flow
Gradient gallery
Design and ship
Design and ship
Build prototypes with context
Move fluidly between design and code
Use Make locally to build in any codebase, then ship right to production. Coming soon.
Design and ship
Build prototypes with context
Move fluidly between design and code
Whatever you build uses your design context, from systems to images.
Design and ship
Build prototypes with context
Move fluidly between design and code
Everything you build is code-backed and visually editable, so you can easily jump between code and canvas.
The products you love are designed in Figma
Figma Make has shortened the path from idea to finished feature in a way I can’t imagine replacing.
Product Manager, Ticketmaster
Create anything. Keep the control.
Figma Make is a powerful partner, and you get to shape the details. Start with design context, prompt, then edit on the canvas.
Spin up realistic prototypes quickly.
Start from your codebase and design assets, or from scratch.
Create anything. Keep the control.
Add design context to all your Makes. Bring in design systems using Make kits and npm packages, or attach Figma frames, PDFs, and more.
Add design context to all your Makes.
Bring in design systems using Make kits and npm packages, or attach Figma frames, PDFs, and more.
Polish fine design details. Copy Figma Make files to the canvas, where you can tweak until they’re right.
Polish fine design details.
Copy Figma Make files to the canvas, where you can tweak until they’re right.
Made to let your work flow.
Travel App Prototype Figma
Climate Dashboard Figma
Collections App Figma
Dynamic Image Layout Tool Figma
The products you love are designed in Figma
With tools like Figma Make, we are now able to quickly prototype. Instead of it taking six weeks to think about an idea and then see what it looks like in action, it takes just a few hours.
SVP of Product, Affirm
Figma Make features
Make on your local codebase (Beta) New Convert your Figma designs into localized, production-ready assets in Make's visual software editor. Coming soon. Get the docs
Make on your local codebase (Beta)
Convert your Figma designs into localized, production-ready assets in Make's visual software editor. Coming soon.
Custom skills New Package your most frequent workflows into a reusable set of instructions for Make. Get the guide
Package your most frequent workflows into a reusable set of instructions for Make.
MCP connectors Connect to external tools via the MCP, allowing you to work with documents, tasks, and data from other apps as context for your app or prototype. Get the docs
Connect to external tools via the MCP, allowing you to work with documents, tasks, and data from other apps as context for your app or prototype.
Make kits Sync your npm packages, library styles, and guidelines directly with Figma Make to generate high-fidelity prototypes. Get the guide
Sync your npm packages, library styles, and guidelines directly with Figma Make to generate high-fidelity prototypes.
Plan mode New Plan before building. Clarify intent and create a structured, editable plan before generation starts. Get the guide
Plan before building. Clarify intent and create a structured, editable plan before generation starts.
Attachments Attach designs, images, videos, audio, text files, and PDFs to your prompts to guide the AI toward better results. Get the guide
Attach designs, images, videos, audio, text files, and PDFs to your prompts to guide the AI toward better results.
Comments Give and receive feedback on a prototype or web app built in Figma Make. Get the guide
Give and receive feedback on a prototype or web app built in Figma Make.
Annotations Select elements, prompt, and send all changes to the model at once. Learn more
Select elements, prompt, and send all changes to the model at once.
Version history Track every AI and manual edit. Allows you to preview, favorite, or restore any iteration in your project. Learn more
Version history
Track every AI and manual edit. Allows you to preview, favorite, or restore any iteration in your project.
Voice-to-text prompting Dictate your ideas to Figma Make to generate your protoype. Learn more
Voice-to-text prompting
Dictate your ideas to Figma Make to generate your protoype.
Make mobile Open a Make on your phone, experience it natively, and view and respond to comments directly in context. Get the guide
Open a Make on your phone, experience it natively, and view and respond to comments directly in context.
Point and edit Refine your prototypes by clicking elements to style, swap, or prompt for changes directly in the preview. Learn more
Refine your prototypes by clicking elements to style, swap, or prompt for changes directly in the preview.
Templates Save and reuse proven workflows, turning one Make into a repeatable way of working. Learn more
Save and reuse proven workflows, turning one Make into a repeatable way of working.
Custom fonts Add custom fonts from your computer or shared with your organization. Learn more
Add custom fonts from your computer or shared with your organization.