Design Systems in Practice
summary
Design systems speed product development and improve UX by focusing on concrete decisions: use Figma → code automation and integrate Storybook or ZeroHeight for documentation, name and publish design tokens, and measure adoption by counting detached master components. Start with a 2–4 person core team or rotating 50% contributors, build 15–20 reference screens to cover ~80% of components, accept engineering trade-offs (stacking vs side‑by‑side) and pilot with quick fixes like two‑minute onboarding videos that demonstrably increase uptake.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 0:30Defining design systems
- 1:55The two audiences
- 4:17Analysis and planning
- 8:29Foundational development
- 14:02Piloting the system
- 14:48Implementation strategy
- 15:58Key takeaways and Q&A
related talks
23mDesign Systems 101
56mDesign System as a Product
20mDesign Systems for the Rest of Us
01h 03mDesign System Pitfalls & How to Escape Them
25mPanel discussion about design systems
28mThe Three P’s of a Design System
24mDesign System and Systematization of Thinking
46mA Practical Starter Guide to Creating a Design System