Build websites with natural language
Simply describe your site in everyday language, and Figma Make generates layout, structure, and interactions automatically. No coding or design experience required.
Build websites with AI in Figma Make
Go from idea to responsive, interactive site—no coding required.
Go from idea to AI-generated website
Design and build in one place
No need to switch between tools. Figma Make is an AI-powered site builder that keeps you in flow from first frame to final handoff.
Bring in real data in seconds
Connect to a backend to simulate dynamic content and test how your site behaves before publishing.
Create responsive, interactive landing pages
Add animations, layout behaviors, and logic to make your site feel polished—all without writing code.
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
Start from scratch in Figma Make or use an existing frame from Figma Design.
Use natural language to define your layout, sections, and content.
Figma Make builds a responsive, styled AI website design complete with real interactions.
Prompt for changes, add animations, or connect data with AI features. Publish when you’re ready.
FAQs
An AI website builder uses artificial intelligence to turn a natural-language prompt into a working website. With Figma Make, describe what you want, then refine the layout, interactions, and details visually or in code. AI tools make even complex sites possible to build sites that perfectly matches your vision.
Yes. AI builders like Figma Make can help you design, test, and publish fully interactive sites. It’s fast, flexible, and designed for modern teams.
No. Figma Make is an AI website maker that works entirely with prompts and visual editing. You can view or edit the code if needed.
Yes. You can try the free plan of Figma Make on the Starter plan. Advanced features are available on paid plans.
Build everything from simple landing pages to portfolios, product sites, blogs, event pages, and business websites. You can start from a prompt or an existing design, then refine the result in Figma Make.
Yes. Connect your site to a backend to use it with dynamic data.
Yes. Figma Make lets you customize an AI-generated website after the initial build. Prompt changes in plain language, fine-tune layouts and styles with visual editing, or edit the code directly when you want more control.
Yes. Figma Make is AI-powered so it helps non-technical users build complete sites from a written prompt, with no coding or design experience required. Describe what you want in your own words, then refine the AI-built website with prompts, visual editing, or code. Redesigning an existing website? Attach frames or components to help guide the result.
Yes. On eligible plans, you can publish your website to the Web with a shareable link or connect a custom domain to create a professional site.
Figma Make can create responsive websites designed to work across different screen sizes. You can refine the layout and interactions as you build.
Yes. Figma Make lets you refine an AI-generated website with prompts, point-and-edit tools, or the code editor. You can also export code, depending on your plan and seat.
Yes. You can attach frames or components from Figma Design to Figma Make to help guide what you build. Figma Make also supports guidelines that can help steer the generated result.
Yes. Figma Make automatically applies SEO optimization to published sites, although specific SEO customization isn’t currently available.
With accurate first results and fast iterations, OpenAI's GPT-5.6 gives your builds a strong start in Figma Make.
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.
More resources
What is MCP?
Read articleLearn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.
What is Vibe coding?
Read articleVibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.
How to design an app in five steps
Read articleBuilding 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.
