Designing, prototyping, and publishing websites with Figma Sites
summary
Figma Sites claims designers can design, prototype, and publish real sites from one canvas: it copies Figma Design layers, supports blocks and auto layout for responsiveness, and already ships hosting plus a publish button that outputs live HTML. The demo uses grids, components with close to 50 templates from Play, previews in-browser, handles responsive variants, reports linting issues, and publishes quickly; code layers and a built‑in CMS arrive in beta.
AI-written summary · about
chapters (10)
- 0:00Figma Sites introduction
- 1:51Figma Sites evolution
- 5:19New site start
- 7:46Restaurant site build
- 12:19Advanced layout
- 20:26Design systems & responsive
- 25:19Adding interactivity
- 29:53Publishing & settings
- 33:04Future features
- 36:15Beta & feedback
related talks
01h 14mFigma product launch keynote
23mCollaborative and real-time design systems in Figma
31mUI details that connect
26mA Beautiful Mess: How We Build Products at Figma
23mHow Figma helps me in my role as a Content Designer
38mCreating Powerful Prototypes with Figma
43mDesign Beyond Breakpoints
01h 01mPrototype Playfully