Figma Sites
Everything you need to design, prototype, and publish—all in one place.
Perfect websites every time, on any device or screen size
It’s easier than ever to launch a live website, designed exactly the way you want it.
Turn your Figma Design frames into flexible layouts
Build out a website fast using responsive components, text, and auto layout by pasting your existing designs into Figma Sites.
Get a head start with pre-built blocks
Structure your page with components that already have auto layout built-in. From there, add custom styles to craft a one-of-a-kind web experience.
Add interactions with a click
Bring your site to life with easy-to-use preset interactions like marquee scrolling, custom cursors, and hover effects.
Add, edit, and publish content quickly using Sites CMS
Create and update content from one dedicated view. Your design layout stays locked, so collaborators can update text and visuals without changing the canvas.
"With Figma Sites, I can design and publish a website in minutes. It’s everything I’ve wanted in one tool."
Jace Attard, Design Lead
Build your way, with AI or code
Jump in and edit your code to customize your site. Not sure where to start? Let AI help, and watch as your interactions come to life.
Prompt it to life
Use AI to create custom interactions from your designs or from scratch. You can keep refining with prompts or edit the code directly.
All of Figma, at your fingertips
Figma is now more powerful than ever—with everything you need to go from WIP to ship, in one place.
Start with a Figma Design file
Copy and paste your work from any Figma Design file to create a website in minutes. Every detail you’ve designed, from page layouts to typography, will be preserved.
Build faster with your design system
Use your existing design libraries, styles, and components—no rebuilding required. Design efficiently with brand consistency.
Get started with a template
Save yourself some time by starting with a professionally-crafted website template. You can build from here to anywhere.
1 of 5
Events
A bold design for big energy. This template for music festivals and shows shares event details and boosts ticket sales with a dynamic, playful design.
A bold design for big energy. This template for music festivals and shows shares event details and boosts ticket sales with a dynamic, playful design.
Discover more
Figma Sites: Design and build custom websites
We recently launched Figma Sites, an all-in-one tool for you to design and build custom, responsive websites—without having to switch tools. Here, we share how you can go from design to production in the most efficient—and expressive—ways.
Making space for a handmade web
There’s a resurgence of small, handcrafted sites challenging the current trajectory of the internet. Joining the movement is as simple as making your own.
Get started with Figma Sites CMS
Learn how CMS helps you easily update text and images. This tutorial shows you how to create content collections and connect them to your Figma Site.