Figma Make
What is Figma Make?
Figma Make is an AI prototyping tool for product teams that turns prompts or starting layouts into functional prototypes inside Figma. It combines design and prototype editing with prompt-to-code workflows, real-data app building, and responsive website publishing. Figma Make also connects with private APIs and the REST API, and it's used by teams like Airbnb, Dropbox, Netflix, Microsoft, and GitHub. Plans start with Starter Free, then Professional seats from $3/mo.
Last verifiedHow we evaluate
At a glance
- Figma Make is best for product teams who want to turn prompts into working prototypes quickly.
- Starter Free
- Yes — Figma Make can connect to private APIs and build apps with real data, but no public developer API docs are linked on this page.
What does Figma Make do?
Figma Make turns a design prompt or starting layout into a functional prototype, then lets you refine the result inside Figma. It sits alongside Figma Design, Dev Mode, and Figma Sites so teams can move from concept to build without leaving the product. The workflow is built for iteration: prompt your idea, edit the output, and connect it to real data when needed. It also fits into a broader AI stack that includes website, app, and design generation, plus workflows for imagery, video, and audio. At scale, Figma is used by hundreds of millions of users and trusted by teams like Airbnb, Dropbox, Netflix, Microsoft, and Stripe. The platform supports open-platform workflows through integrations and a REST API, and Figma Make can connect to private APIs for real-data apps. On the enterprise side, Figma shows centralized workspaces, shared libraries, and admin controls so larger organizations can keep design systems organized as they grow.
Why use Figma Make?
- It keeps design, prototyping, and collaboration in one environment, which reduces handoff friction between design and engineering.
- It can connect to private APIs, so teams can build prototypes and apps with real data instead of static mock content.
- Its open platform and integration ecosystem make it easier to fit into existing workflows without rebuilding the stack.
- Enterprise controls like shared libraries, workspaces, and SCIM seat management help larger teams keep systems organized.
- The same product family spans design, Dev Mode, Sites, and AI workflows, so teams can stay in one workflow as needs change.
Who is Figma Make for?
- Product designers who want to move from concept to interactive prototype faster.
- Frontend developers who need design context before turning layouts into code.
- Product managers who want to explore ideas and align teams around a shared prototype.
- Design system owners who need AI-assisted workflows that stay consistent with product patterns.
- Enterprise teams who need centralized assets, libraries, and admin controls as they scale.
What are Figma Make's key features?
Design and prototype in one place
Create and test designs in Figma with prototypes in the same workspace, so teams can move from concept to interaction without switching tools.
Prompt to code anything you can imagine
Use AI prompts to generate app ideas and interfaces, then connect private APIs or REST API data to turn concepts into working products faster.
Translate designs into code
Convert design work into code-ready output for development handoff, helping teams keep implementation aligned with Figma files and Storybook.
AI workflows for imagery, video, audio, and more
Generate and edit media assets inside Figma Make, then refine outputs for product use across design workflows and connected tools like ChatGPT.
Collaborate with a digital whiteboard
Run brainstorming sessions on a shared whiteboard, keeping ideas, notes, and product decisions in one place alongside Slack, Zoom, and Notion.
Publish fully responsive websites
Build and publish responsive sites from Figma, with support for Figma Sites and Framer Web so pages stay usable across screen sizes.
Build apps with real data
Connect private APIs or REST API sources to power app prototypes with live data, which helps teams validate flows before launch.
Produce on-brand assets at scale
Generate consistent assets from a shared design system, using integrations like Frontify and zeroheight to keep brand output aligned.
What does Figma Make integrate with?
- Supabase
- Figma Sites
- Sprig
- ProtoPie
- Principle
- Maze
- Framer Web
- Pendo
- Bubble
- Axure
- Mixpanel
- UXtweak
- UserTesting
- dscout
- Visual Studio Code
- Storybook
- zeroheight
- AWS Amplify Studio
- GitLab
- Zeplin
- Frontify
- Lens Studio
- ChatGPT
- Zapier
- Google Workspace
- Microsoft Teams
- Zoom
- Slack
- Notion
- Asana
What are Figma Make's use cases?
Prototype faster for product designers
Product designers use Figma Make to move from rough concept to an interactive prototype without leaving the canvas, using Design and prototype in one place to test flows early. They can then Prompt your way to a polished design and refine details before handing work off.
Code-ready handoff for developers
Frontend developers use Figma Make to inspect product context and turn approved layouts into implementation faster, using Translate designs into code to reduce back-and-forth. When they need to go further, Prompt to code anything you can imagine helps bridge the gap from mockup to working UI.
Shared prototypes for product managers
Product managers use Figma Make to explore ideas with stakeholders and align on one shared direction, using Collaborate with a digital whiteboard to capture feedback live. They can then Build apps with real data to make discussions feel closer to the final product.
Consistent assets for design systems
Design system owners use Figma Make to generate new on-brand components and marketing assets while keeping patterns consistent, using Produce on-brand assets at scale. They also rely on Keep everything looking and feeling like your product to avoid drift across teams.
How does Figma Make work?
- Start by creating a new file or opening an existing Figma workspace, then use Design and prototype in one place to sketch the first flow and keep edits in context.
- Prompt the assistant to generate layouts, screens, or interactions, and use Prompt your way to a polished design to turn rough ideas into a cleaner starting point.
- Refine the result with Illustrate with advanced vector tools and Edit and fine-tune AI outputs, adjusting visuals until the prototype matches your product direction.
- Connect real data or a private API, then Build apps with real data to test realistic states and validate the experience before launch.
- Share the work with teammates, use Collaborate with a digital whiteboard for feedback, and Publish fully responsive websites when the prototype is ready to ship.
How much does Figma Make cost?
Starter
Free- Unlimited drafts
- UI kits and templates
- 150 AI credits/day, up to 500 AI credits/mo
Professional: Full seat
$16/mo- + 3,000 AI credits/mo
Professional: Dev seat
$12/mo- + 500 AI credits/mo
Professional: Collab seat
$3/mo- + 500 AI credits/mo
Organization: Full seat
$55/mo- + 3,500 AI credits/mo
Organization: Dev seat
$25/mo- + 500 AI credits/mo
Organization: Collab seat
$5/mo- + 500 AI credits/mo
Enterprise: Full seat
$90/mo- + 4,250 AI credits/mo
Enterprise: Dev seat
$35/mo- + 500 AI credits/mo
Enterprise: Collab seat
$5/mo- + 500 AI credits/mo
Frequently asked questions
What is Figma Make?
Figma Make is an AI prototyping tool for product teams that turns prompts or starting layouts into functional prototypes inside Figma. It combines design and prototype editing with prompt-to-code workflows, real-data app building, and responsive website publishing. Figma Make also connects with private APIs and the REST API, and it's used by teams like Airbnb, Dropbox, Netflix, Microsoft, and GitHub. Plans start with Starter Free, then Professional seats from $3/mo.
How much does Figma Make cost? Is it free?
Figma Make has a free plan, with paid tiers including Professional: Full seat at $16/mo, Professional: Dev seat at $12/mo, Professional: Collab seat at $3/mo.
What is Figma Make used for? Who is it for?
Figma Make is used for Design and prototype in one place, Prompt to code anything you can imagine, and Translate designs into code. It's built for Product designers, Frontend developers, and Product managers.
Does Figma Make have an API and what does it integrate with?
Figma Make can connect to private APIs and build apps with real data, but no public developer API docs are linked on this page. It integrates with Supabase, Figma Sites, Sprig, ProtoPie, Principle, and 25 more.
Editor's read
Check the AI credit limits before committing: Starter includes 150 AI credits/day and up to 500 per month, while Professional and Enterprise seats raise monthly credits by seat type. If your workflow depends on frequent generation, the seat mix will determine cost quickly.
Explore other Design Agents
