Figma Make

Figma Make helps designers and product teams turn ideas into interactive prototypes and web apps using prompts, design context, and code. Projects can start from scratch or use an existing codebase and design assets.

Built outputs are code-backed and visually editable, allowing users to move between code and Figma’s canvas. Users can attach Figma frames, PDFs, images, videos, audio, and text files, and connect external tools through MCP connectors.

Figma Make is available on the web. Local codebase support is listed as beta, while using Make locally to build in any codebase and ship to production is marked as coming soon.

Highlights

• Generate prototypes from prompts and design context
• Edit code-backed projects visually on the canvas
• Attach designs and files to guide generation
• Use Make kits, npm packages, custom skills, and MCP connectors
• Plan builds and collect feedback with comments