Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Generate Figma UI Kits From Code

Learn With Jason via YouTube

Overview

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.

Syllabus

- 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?

Taught by

Learn With Jason

Reviews

Start your review of Generate Figma UI Kits From Code

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.