Figma Sites
Everything you need to design, prototype, and publish—all in one place.
Perfect layouts 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.
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. Coming soon.
coming soon
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.
Discover more on Shortcut
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.
Everything we launched at Config 2025
Catch up on all the new products and features we announced at Config 2025. Plus, explore the page—built using Figma Sites—to see how our designers maximized their creativity.