The magic of ‹div›RIOTS plugins
summary
About 25 Figma plugins built over four years claim concrete capabilities: html.to.design captures live pages into layered Figma files, story.to.design generates thousands of variants from Storybook, and figma.to.website (launched 2024) exports designs back to working sites. Demo uses the brand new Figma Make (released today) → import with html.to.design → tweak layouts and set Auto Layout → publish with figma.to.website, producing a live desktop and mobile site with only minor centering hiccups and support for nearly 100 file formats.
AI-written summary · about
chapters (10)
- 0:00Welcome to D Riots
- 1:04D Riots plugins overview
- 3:32Demo structure and goals
- 4:14Website with Figma Make
- 6:44Figma Make’s suggestions
- 8:56Team page with Figma Make
- 10:40Website into Figma
- 12:30Final design in Figma
- 13:35Publish with Figma 2 Website
- 15:19Live demo results
related talks
37mExtend what's possible with Figma Plugins
36mElevate Your React Workflow with Figma
29mBuilding custom Figma plugins to unlock new capabilities
23mHow to create Figma design loved by developers
25mUsing Figma to go beyond Figma
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
23mTaming multiple design systems with a single plugin
09mFigma to React: Efficient Delivery Design to the Code