What Figma Make does
Figma Make is Figma's AI prompt-to-code workspace for generating, editing, sharing, and publishing functional prototypes or web apps with design context.
Figma Make makes behavior easier to discuss because a generated artifact can be clicked instead of merely imagined. Teams can attach an existing frame or library, prompt an interaction, inspect the running result, leave comments, restore earlier versions, and copy useful visuals back into Figma Design. Design-system context can reduce aesthetic drift, but it does not guarantee correct component usage, variables, architecture, or business logic. A persuasive prototype may contain simulated data and shortcuts that are appropriate for a study but dangerous if mistaken for a tested production application.
Starter provides limited free access and currently lists 150 daily AI credits up to 500 monthly. Professional Full seats are $16 per month on the displayed pricing cadence with 3,000 credits; Organization Full seats list $55 with 3,500; Enterprise Full seats list $90 with 4,250. Dev and Collab seats have different prices, access, and 500-credit allowances, and team add-ons can purchase shared credits. Product access, publishing, code editing, beta agents, local-code capabilities, annual invoicing, taxes, and credit enforcement can differ. Verify the official comparison, billing dashboard, beta notice, and checkout for the intended seat.
A generated app can introduce insecure dependencies, exposed secrets, weak authorization, unsafe database rules, fabricated data, privacy violations, or inaccessible UI even when it looks polished. Never paste production credentials or unnecessary personal information into prompts, attachments, connectors, or sample backends. Review dependencies, licenses, data flows, authentication, authorization, input validation, storage, logs, error handling, abuse controls, and deployment ownership. Test WCAG-relevant semantics, keyboard use, focus, contrast, reflow, motion, labels, errors, and assistive technology. Clear rights for every supplied and generated asset, use branches or copies around governed libraries, and require engineering, security, accessibility, legal, and product sign-off before shipping.
How Figma Make works
Figma Make combines a conversational prompt, code-backed preview, visual editing, files, comments, history, and optional publication. A user starts from a brief or attaches Figma designs, components, libraries, images, documents, or other context; the model generates a functional prototype or web app. The user can select elements, request changes, edit supported code, connect eligible backend services, copy results into design layers, share, and publish where the plan permits. AI credits are shared across Figma AI features by seat and plan. New local-codebase and pull-request capabilities are beta and availability can be limited; output is not automatically secure, accessible, rights-cleared, or production-ready.
Set the prototype boundary
Define the learning goal, intended users, allowed design context, data classification, accessibility target, security assumptions, release owner, and which simulated or generated shortcuts must never reach production.
Generate behavior with design context
Attach approved frames, components, libraries, files, or Make kits and prompt a bounded flow. Make produces a code-backed preview that users can visually edit, annotate, comment on, and version.
Inspect the experience and implementation
Test permissions, failures, hostile input, responsive layouts, keyboard and assistive use, and realistic data. Review generated code, dependencies, secrets, backend rules, licenses, and divergence from the real design system.
Share learning without bypassing release controls
Publish only to the intended audience, label prototype limitations, preserve review history, and require engineering, security, accessibility, legal, and product approval before any code or artifact ships.
How to set up Figma Make
Define prototype versus production
State the learning goal, audience, required behavior, fidelity boundary, forbidden data, accessibility target, ownership, and which generated shortcuts must never ship.
Choose seats and AI controls
Verify Full, Dev, Collab, or viewer access; monthly credits, add-ons, Make publishing and code features, beta availability, annual terms, taxes, admin, and data settings.
Attach governed context
Use an approved copy of frames, components, Make kits, fonts, and licensed assets; sanitize PRDs and sample data, and keep secrets and production records outside prompts.
Generate and adversarially review
Prompt a narrow flow, inspect code and runtime behavior, add permissions and failure cases, test responsive and accessible interaction, and reject invented requirements or data.
Handoff with explicit gates
Document generated portions and limitations, scan dependencies and rights, rebuild or review production code, test security and accessibility, and require accountable release approval.
Figma Make FAQs
How much does Figma Make cost?
Starter has limited free access. Professional Full seats currently list $16 per month, while other plans and seat types have different prices, credits, and capabilities.
What are Figma AI credits?
They are a shared allowance across eligible Figma AI products and features. Amounts depend on plan and seat, and teams can use add-ons or pay-as-you-go where available.
Can Figma Make publish a real application?
It can publish eligible prototypes or web apps and connect supported services, but publication does not prove security, reliability, accessibility, compliance, or operational readiness.
Does design-system context guarantee compliance?
No. It guides generation, but teams must verify component variants, tokens, responsive rules, content, interactions, accessibility, and governed-library practices.
Are local-codebase and pull-request features generally available?
Figma announced them as a limited beta in May 2026 with eligibility and platform constraints. Check the current product notice before planning a workflow.
Listing reviewed 2026-07-15. Product details and pricing can change; verify important terms on the provider's website.
Related Design & image AI tools
Related AI guides
Reviews
Tell the community what you made, what worked, and what you wish you knew before starting.