Figma Make

What it does

Figma Make takes a text prompt, optionally with attached Figma frames, images, videos, audio, text files, PDFs, a design system, or a codebase, and produces a working prototype or web app. Output is code-backed and visually editable, and a Make preview can be copied to the Figma canvas as design layers, or published as a website with its own URL.

People use it to spin up realistic prototypes quickly, bring in design context through Make kits (npm packages, library styles, guidelines), plan before generating with Plan mode, then refine by pointing at preview elements or annotating several changes to send at once. Connectors pull in documents and tasks from other tools, custom skills package repeated workflows, and version history tracks AI and manual edits. A built-in Payload-powered CMS and Supabase connection add backends.

It suits designers, product managers, and developers who already work in Figma and want interactive prototypes without a separate coding setup. A Figma account is required, and a free Starter plan exists with limited AI credits (150/day, up to 500/month). Generation consumes shared AI credits, so heavy use may need a paid seat or extra credits. Building in a local codebase is described as coming soon or beta.

What it can do

• Generate functional prototypes or web apps from prompts
• Attach designs, images, videos, audio, text files and PDFs as context
• Make kits bring design systems and npm packages into generation
• Plan mode, point-and-edit, annotations and version history
• Copy Make previews to the Figma canvas as editable design layers
• Publish as a website; backend via Supabase or Payload CMS

Works with

• MCP connectors
• Supabase
• Payload
• npm packages

Example workflows

Prototype from an existing design system

Input: a Make kit or attached Figma frames plus a written prompt. Steps: add design context, use Plan mode to review the structured plan, generate, then refine with point-and-edit. Output: an interactive prototype that can be commented on, published, or copied to the canvas.

Prototype with a content backend

Input: a prompt describing a content-driven site. Steps: generate the frontend, add Payload backend support, then manage content in the admin panel. Output: a web app with a database, APIs, auth and admin panel.

Before you choose

• AI credits are shared across Figma AI features; Starter is capped at 150/day and 500/month.
• Make features such as publishing and Payload support are listed by plan in a comparison table, so check which seat includes them.
• Local codebase support is labelled beta and coming soon.

Listed under

• Coding
• App builders
• AI app builder
• Designers
• Design to code
• Developers
• Product design
• Product teams

Get started

Get started for free with a Starter plan.

1. Create a Figma account via the signup page.
2. Open Figma Make and write a prompt, attaching designs or files for context.
3. Add a Make kit or connectors if you need design system or external tool context.

Professional Full seat price is shown as $16/mo (monthly/annual toggle; annual basis not confirmed). Dev seat ($12) and Collab seat ($3) are different seats and not Make entitlements. Extra AI credits can be bought as add-ons.

Source: figma.com/pricing, checked 29 Oct 2026. Prices can change; check before you buy.

Sources for this overview

Product pages, documentation, and pricing checked 29 Oct 2026. Each source supports part of the overview; availability and prices can change.

• Figma Make: Create with AI-Powered Design Tools ↗www.figma.com
• Plans & Pricing | Figma ↗www.figma.com
• Figma Developer Docs | Developer Docs ↗www.figma.com
• Figma Integrations ↗www.figma.com

Company website

figma.com: product, pricing and policy pages

YC directory mirror

Batch and company name

Web search

Confirms the official site

Social accounts

Accounts the company links, and its posts on X

Human review

Checked by a person

knowledge_base

Last checked 29 Oct 2026. Every field keeps its source and date; unknown means we couldn’t confirm it.