Figma Sites

Figma Sites is a new all-in-one web design platform that allows users to design, prototype, and publish websites directly within Figma. It combines familiar Figma design tools — like frames, auto layout, responsive components, and typography — with web-specific features such as responsive breakpoints, built‑in interactions, and ready-made site sections.

One of its standout capabilities is the ability to paste existing Figma Design frames into Sites and instantly convert them into flexible, responsive page layouts. Designers can use pre‑built blocks and templates to structure websites quickly, then customize styles to create unique looks. For interactivity, Figma Sites supports preset animations such as marquee scrolling, hover effects, and custom cursors — no code required.

For teams or more advanced users, Figma Sites supports a code layer: you can embed custom code (or React components) into your site, making it possible to build bespoke behavior alongside no-code features. AI tools are also integrated, enabling you to generate or refine interactions by simply describing what you want via prompts.

Publishing is straightforward: once your site is ready, you can go live right from Figma, previewing fully interactive, responsive pages before launch. Collaboration is built in, with live previews and sharing capabilities that make it easy for teams and stakeholders to give feedback directly on the web version.

In short, Figma Sites streamlines the workflow from design to deployment, empowering designers to build real, high-quality websites without needing to switch tools — making it ideal for landing pages, portfolios, simple sites, and teams that want more control and speed in bringing their designs to life.