Start with a prompt or with what you've already built
Get started with a prompt, or point Figma Make at your codebase so it builds against the tokens and components already there.
AI website generator in Figma Make
Describe the site you want—a portfolio, a storefront, a launch page for that idea you've had in your head—and Figma Make builds it with real layout, real content, and real code. Refine it visually or in the code itself, then take it to production, all without leaving Figma.
Go from idea to responsive, interactive site - no code required.
Refine every detail
Nudge a layout in the properties panel, prompt a change in plain language, or open the code and edit it yourself. Edits stage in the chat panel first, so you see everything before it lands.
Design and code on one canvas
See the design and the working code side by side. No handoff doc, no waiting a sprint to find out how it actually behaves.
Take it all the way to production
Add authentication, databases, and APIs. Then branch, see exactly what changed, and open a pull request straight from Figma Make.
Built by our community.
Get inspired by incredible websites created with our AI website builder. From startups to enterprises, see what's possible when creativity meets AI.
How to build a website with AI in Figma Make
Say what you want in plain language, or bring in a frame you've already designed.
Figma Make generates the layout, structure, and interactions, backed by real code.
Prompt again, edit visually, or go straight into the code—whatever's fastest for the change you want.
Wire up a backend, test the flows with real content, then publish or push to your repo.
FAQs
An AI website generator turns a description into a working, responsive site, including layout, content, and code. In Figma Make, you prompt what you want, refine it visually or in the code, and connect real data before anything goes live.
You can start with Figma Make on the free Starter plan. Some AI features run on credits, and how many you get depends on your plan. Check out our pricing page for current details.
The first version might. Bring in your own design system, real copy, and actual brand assets, and it stops looking like everyone else's.
It can, but not on its own. Ranking is a different process. Websites need specific copy, clean semantic markup, strategic headings, and content that answers what people are actually searching for. Figma Make gives you code a developer can optimize like any other site. The content is still yours to perfect.
Responsive layouts come standard, and you can check breakpoints in Figma Design before you publish. Be sure to test on a real device, no matter what—that's where edge cases can show up.
Always read it before you ship it. Generated copy can sound good and still be incorrect about what you're building. Treat it as a placeholder you replace, the same way you'd swap out placeholder images.
Yes. Designers, developers, and stakeholders can all be in the same file at the same time. Figma Make gets the first version on the canvas. What it becomes is a group effort.
Probably more specific than feels necessary at first. "A website for my business" gets you something generic. "A landing page for a project management tool aimed at small design teams, with a hero, three feature callouts, and a signup CTA" —that specificity will get you something much closer.
From the blog
Measuring time savings from Figma Make
The Figma Data Science team assumed that AI saves users time—but quantifying it required a new approach to research design.
A properties panel and annotations, now in Figma Make
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.
Workflow lab: Deploying designs directly with Figma Make
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.
How Decagon uses AI for design system saturation
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.
GPT-5.6 is now available in Figma Make
With accurate first results and fast iterations, OpenAI’s GPT-5.6 gives your builds a strong start in Figma Make.
Got skills? Make the Figma agent a better collaborator
From sharing your best thinking to learning from your team’s go-to prompts, here’s what skills unlock in the Figma agent.