Standardize Without Stiffness: The Real Challenge of Design…
summary
Explains how to build a practical Design System that goes beyond unifying UI components to create a shared language between design and development. Covers translating Figma mockups into shared components while preventing misuse and design errors, balancing governance with flexibility to streamline processes and boost team collaboration and autonomy.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:29Problems without system design
- 7:01Goals and approach
- 7:43Starter pack creation
- 9:26Figma deliverable details
- 13:59Semantic tokens
- 21:04Figma and code alignment
- 23:10Implementation challenges and fixes
- 26:21Observed benefits
- 29:51Evolution and future
- 30:55Conclusion and Q&A
related talks
52mWhen Design Systems Lie
23mDesign Systems 101
40mBest practices for building a consistent design system from design to app implementation
12mDesign Systems-Revamping Products for Consistent UIs
27mFoundations of Design Systems
25mBuilding a Design System as a team
15mHoly War between Designers & Developers
13mDesign systems and how to use it