Figma Make

Figma Make is a prompt-to-app tool that turns design context, prompts, and code into working prototypes and web apps.

Figma Make turns ideas, prompts, and designs into working prototypes and web apps. Users start with design context, prompts, or local codebases, and the tool builds code-backed prototypes that remain visually editable on the canvas. It supports attachments like PDFs, images, videos, audio, and npm packages to guide the generation process. Features include plan mode, MCP connectors, voice-to-text prompting, comments, and annotations for team feedback. Designed for product managers, designers, and developers, it bridges the gap between design and production code. Users can also view prototypes natively on mobile devices and track every edit through version history.

Figma Make at a glance

Best for: Designer, Product manager
Runs on: Web, iOS, Android
Pricing: Starter Free; Professional Full seat $16/mo; Professional Dev seat $12/mo; Professional Collab seat $3/mo; Organization $55/mo; Enterprise $90/mo
Released: May 2025
Category: AI coding tool
Website: figma.com

Key features

Make on your local codebase
Custom skills
MCP connectors
Make kits
Plan mode
Attachments
Voice-to-text prompting
Version history

Use it for

Build prototypes with context
Move fluidly between design and code
Spin up realistic prototypes quickly
Polish fine design details

Companions

Tools that articles about Figma Make recommend using with it, each with its job.

Figma — Start from a frame; copy previews back onto the canvas.
Supabase — Real auth, Postgres and storage from a prompt.
GitHub — Push Make projects to a repo for engineers.
Cursor — Pulls Make context through the Figma MCP server.
Claude Code — Code-to-canvas round trip with the Figma MCP server.

Alternatives to Figma Make

Figlend — Share Figma AI tokens with teammates to collaborate on projects.
Make Real — It quickly generates functional code from visual whiteboard sketches.
Cad Studio — Generates parametric build123d models and ISO drawings through an integrated coding agent.
SOMA — Design 3D models instantly using natural language and AI coding agents.
AppLlama Skills — Connects directly to AI coding agents to build native-quality mobile screens from real apps.
FlutterFlow — It allows for full code export to avoid vendor lock-in.
Modeinspect — Designs directly in your codebase with 1:1 components and design systems.
SeeCode — Turns agent specs into animated, interactive HTML diagrams with multiple export options.
Huashu Design — Eliminates the need for manual design tools by turning natural language into production-ready assets.
Langfa.st — Compare model responses side-by-side to validate prompts before deployment.
Hackerscad — Combines code-based modeling with direct mouse editing and an AI agent MCP server.
v0 — Prompt to deployed Next.js app on Vercel in minutes

All Figma Make alternatives