Panel discussion about design systems

on YouTube ↗25m

" summary

Panelists argue that the useful details are concrete: teams build primitives and patterns first so pages follow, use Sketch and Adobe XD for prototyping and Figma for live collaboration, and sometimes push SVGs and components into GitHub to keep code and design in sync. A case study shows a component system lets a contractor meet a deadline and win adoption. Advice: start from an existing UI like Team UI, treat adoption like a product with a metrics dashboard, and rebrand gradually rather than as a big bang.

AI-written summary · about

" chapters (9)

1. 0:00Intro
2. 1:00React and Facebook
3. 2:00Vision for React
4. 3:15Current tools
5. 5:50Design systems
6. 11:50Design systems in companies
7. 14:10Reusability of design systems
8. 17:00Design systems as silver bullets
9. 20:35Advice for beginners

" related talks

• 46mBuilding & Managing Design SystemsAlexis Lucio, Max Ignatyev, Laura Schaefer · Remote Design Week 2020
• 18mDesign Systems in PracticeKat Davis · Remote Design Week 2020
• 38mDesign systems panel discussionLuis Ouriach · Schema 2021
• 56mDesign System as a ProductMaria Elena Duenias, Esther Butcher · YConf 2021
• 23mDesign Systems 101Miriam Gonzalez · JSWorld Conference 2021
• 15mHoly War between Designers & DevelopersPavel Yukhnovich · PiterJS conf 2019
• 01h 03mDesign System Pitfalls & How to Escape ThemDan Mall · SmashingConf Live 2020
• 35mDesign system - From a Developer Point-of-ViewYael Oshri Balla · YGLF 2019: Code Camp