Generate Figma UI Kits From Code

Discover how to generate Figma UI kits directly from code in this informative video featuring Thaís Santos. Learn about the rapid growth of design systems, explore Backlight and its capabilities, and delve into the concept of design tokens. Gain insights into Story.to.design, a tool that bridges the gap between code and design. Follow along as the process of working with assets is demonstrated, and understand how naming conventions sync between code and design. Address the challenge of design drift over time and explore solutions. By the end of this 1 hour and 26 minute tutorial, you'll have a comprehensive understanding of how to streamline your design workflow by generating Figma UI kits from your existing code.

- Welcome
- Guest introduction
- Why have design systems seen such rapid growth?
- What is Backlight?
- The growing conversation around design tokens
- What is Story.to.design?
- Working with the assets
- Naming things syncs as well
- Designs drift over time
- Where can people find out more?