Skip to main content
Describe the app you want—an internal tool your team keeps asking for, a dashboard, the MVP you’ve been explaining in meetings for months—and Figma Make turns the idea into real screens, real logic, and real code. Customize it, connect actual data, then take your idea further without leaving Figma.
Describe what you want and Figma Make builds it. Or bring your own design system in with Make kits, so the first version comes back with your components and your styles already in place—not a generic app you have to rebuild.
Tweak a layout in the properties panel, use plain language to create an app, prompt a change, or open the code and edit it yourself. Edits stage in the chat panel first, so you see everything before it lands.
Designers, engineers, and PMs can all be in the same file, looking at the same working build. Feedback lands on the thing itself instead of a screenshot of it.
Advanced features let you connect a backend, add authentication, and wire up APIs—the things that turn a prototype into something people can actually use. Then branch, review what changed, and open a pull request straight from Figma Make.
See how makers, designers, and PMs are using Figma Make to build no-code web apps—from internal tools to product MVPs.
Say what the app should do in natural language, or bring in a flow you've already designed to create apps—no coding knowledge required.
Figma Make generates the screens, backend logic, and interactions, backed by real code you can read.
Prompt again, edit visually, or go straight into the code as you build your app—whatever's fastest for the change you're making.
Wire up a backend, test the flows with real information, then launch or push to your repo. You have full control.
An AI app builder helps you build ai powered apps from a written description. You describe what you want in plain language, and it generates the interface, the logic behind it, and the code underneath. No coding knowledge required—though if you do know how to code, you can get in and change things.
Where these tools differ most is what they build from. Most generate every component from scratch, so version one looks nothing like your product. Figma Make can work from your own design system, so the components and styles are yours from the start.
Most AI app builders can turn a prompt into something that looks like an app. The differences show up after that, like when you need it to match your product, hold real data, and survive a few rounds of feedback. If your app will handle sensitive data, enterprise-grade security features should be part of the evaluation criteria. Some competing tools include a built-in security scanner as a first line of defense during development.
Internal tools, dashboards, booking flows, onboarding, new features, MVPs to put in front of users—anything, really, with screens, logic, and data. It's good for the ideas that never quite make it onto a roadmap.
Direct editing, usually. Select the element and adjust it in the properties panel like you would in Figma Design. Prompting works for small changes, too. It just burns credits to do something you could have done in two clicks.
Yes—designers, engineers, PMs, and business professionals can all work in the same file on the same core features at the same time. The whole team can react to a working app instead of imagining one from a static screen.
Most tools generate every component from scratch, so what comes back looks like a generic app and you spend the time you saved rebuilding it. With Make kits, Figma Make builds from your own design system—your components, your styles, your variables—so the first version already looks like your product.
Figma Make connects to a Supabase backend, so you can add sign-in, connect and control app data, store what people submit, and watch how the app behaves when someone actually uses it.
You can start with Figma Make on the free Starter plan. Some AI features run on credits, and what you can build in the app depends on your plan or usage limits. Check the pricing page for current details. No coding experience is required. Some competitors, such as Jotform’s AI App Builder, are free to use and allow manual integration of third-party tools like payment processors.
The evidence is strong. Figma's State of the Designer 2026 report found that 80% of designers who increased their AI usage say it helps them collaborate more effectively across teams—and AI tools are actively drawing PMs and non-designers into the product building process alongside designers. Teams that champion AI are also more likely to perceive their company as growing faster than the industry average (41% vs. 33% for those whose usage has stayed flat).
Increasingly, yes. Figma's State of the Designer 2026 report—based on a survey of 906 designers globally—found that 72% of designers now use generative AI in their workflows, with 98% increasing their usage in the last year. Beyond speed, 91% say AI improves the quality of their outputs. For product teams, that means faster validation cycles without sacrificing the standard of what gets shipped.
Figma's 2026 AI report found that 83% of product builders are now working on AI-powered projects, up from 65% in 2025. 46% say at least half of their current work involves building AI products or features, double the 23% who said the same a year ago. AI app building is now common practice across product development teams.
Both. It starts as something you can click through, and it keeps being that same thing after you add authentication, a database, third-party integrations, and real APIs. Unlike traditional development, you don't have to throw away the prototype and rebuild it from scratch as a working app.
Yes, connecting Figma Make to a codebase is rolling out in beta. Some competing platforms let you publish your app in a click. Once you're in, you can create a branch, review the changes, and open a pull request without leaving Figma. Some competitors bundle free hosting and a custom domain for published apps, while others offer free web hosting plus connections to 6,000+ services via Zapier. Your engineers review it the way they'd review anything else.
Minutes to get even a first app to something you can click through. Longer to get it right—most of the work is the second, fifth, and twentieth pass, where you're reacting to something real instead of describing something imagined.
Figma Make sits in the same place as your design files, so a flow you sketched in Figma Design can become a working build without moving tools. Developers can inspect it in Dev Mode like anything else. Some platforms also let you manage a mobile app directly from mobile devices, but Figma Make keeps that workflow inside the Figma workspace.
The Figma Data Science team assumed that AI saves users time—but quantifying it required a new approach to research design.
With visual editing and annotations, Figma Make is bridging the gap between design and code. Select any element you want to change, adjust it directly in the properties panel, or write in-context prompts with annotations.
The handoff from design to code doesn't have to be a one-way street. This workflow shows how a designer can connect a codebase to Figma Make, make the changes directly, and bring the whole team into review—right up to the PR.
The fast-growing customer experience platform explains how Figma MCP and Figma Make helped them scale a new design system and keep pace with customer requests.
With accurate first results and fast iterations, OpenAI’s GPT-5.6 gives your builds a strong start in Figma Make.
From sharing your best thinking to learning from your team’s go-to prompts, here’s what skills unlock in the Figma agent.
Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.
Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.
Building an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide.
