Build websites with AI in Figma Make
Go from idea to responsive, interactive site—no coding required.
Go from idea to live website with AI
Build websites with natural language
Describe your site in everyday language, and Figma Make generates layout, structure, and interactions—automatically.
Design and build in one place
No need to switch between tools. Figma Make keeps you in flow from first frame to final handoff.
Add real data in seconds
Connect to a backend to simulate dynamic content and test how your site behaves before publishing.
Create responsive, interactive pages
Add animations, layout behaviors, and logic to make your site feel polished - no code needed.
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.
- Benjamin Leonard
- arshaikh
- abdullahimeg
- AI generator
How to build a website with AI in Figma Make
FAQs
From the blog
8 essential tips for using Figma Make
Read articleHere, we share our team’s favorite prompts, pro tips, and best practices for using Figma Make to help you get the most out of our recently launched prompt-to-code feature.
Bringing Figma Make to the canvas
Read articleNow you can copy any design from a Figma Make preview to the design canvas, allowing you to edit, iterate, and take your ideas further.
Prompt, prototype, perfect: Figma Make is now available to all users
Read articleToday, all Figma AI features and products are moving out of beta, including Figma Make—which is now available for everyone to try. Here’s how teams are using the prompt-to-app tool to dream bigger, move faster, and work better together.
Introducing Figma Make
Read articleToday we’re introducing Figma Make, a new prompt-to-app capability to help you quickly explore, iterate, and refine—whether it's generating high-fidelity prototypes or getting into the details in design and code.
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.
