Figma Make

Figma Make is Figma's AI-driven prompt-to-code product, positioned as a way to go from idea to a live, functional app without leaving the Figma environment. It sits alongside Figma Design, Dev Mode, and Figma Sites as part of Figma's expanding suite of product-building tools. Users can attach existing Figma designs or components to their prompts, connect backend services, and publish the result as a website with a dedicated URL.

What It Is

Figma Make is a vibe-coding and AI app-builder tool embedded in the Figma platform. Rather than producing static mockups, it generates working code that can be published directly to the web. The core workflow is conversational: you describe what you want, optionally attach a Figma design file or component library for styling context, and the AI produces a functional prototype or web app. The output can be published via Figma Community or as a standalone site with a custom URL.

How the Workflow Fits Together

Figma Make is designed to bridge the gap between design and shipping:

• Prompt the model — describe a functional prototype or web app in natural language
• Bring your designs — attach existing Figma designs or components to ground the output in your actual design system
• Add backend support — connect to Supabase for user authentication, data storage, and private API connections
• Library styling context — pull styling context from a Figma library into Make so generated code matches your brand
• Make connectors — connect external tools to pull in PRDs, tickets, and other product documentation
• Publish — deploy the result as a website with a dedicated URL, either via Figma Community or a custom domain

MCP Server Integration

Figma Make supports MCP (Model Context Protocol), allowing Make files and code to be shared with AI coding agents. This means teams can use Figma Make as a starting point and then hand off to agentic coding tools that can continue building or push prototypes into production. The Figma MCP server is also available across Figma Design and Dev Mode, making the design-to-code pipeline more continuous.

What the Gallery Shows

The Figma homepage gallery showcases community-built projects created with Figma Make and published via Figma Sites, including a Virtual Teleportation Portal App, a Virtual Graffiti Wall, a Pixel Editor, a Pattern Generator, a drum machine called Earworm Studio, and a Flower Catcher game. These examples illustrate the range of interactive, functional apps that can be produced through the prompt-to-code workflow.

Current Status

Figma Make is an active, generally available product within the Figma platform. It is listed as a distinct product in Figma's navigation and pricing pages, with seat-based access tied to Figma's Professional, Organization, and Enterprise plans. The Starter plan includes limited access. Figma Make connectors and the ability to publish custom connectors for organizational use are available on higher-tier plans. The product is actively featured in Figma's marketing alongside newer products like Figma Sites (beta) and Figma Weave.