Introduction to Design Systems
summary
Begins with an inventory that finds 10 different buttons and argues for collapsing them into a few well‑defined primitives (box, flex, button) composed into patterns and layouts; uses design tokens (named colors, spacing scales) to map abstract names to exact values; builds a work‑in‑progress component system and demonstrates it with Theme UI and Chakra as starting points and Storybook or Styleguidist for documentation; claims components enable reproducible, cross‑platform consistency.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:10Design
- 2:08Systems
- 2:38Inventory
- 3:48Components
- 5:01Primitives
- 5:37Primitives vs Patterns
- 6:50Tokens
- 8:41Scales
- 9:02Colors
- 9:20Topography
- 9:52Design Systems
- 11:00Brands
- 13:15Other Aspects
- 18:41Atlas
- 23:50Salesforce
related talks
21mDesign Systems 101: The Developer Approach to Better Frontends
23mDesign Systems 101
27mFoundations of Design Systems
12mDesign Systems-Revamping Products for Consistent UIs
38mDesign Systems Mastery: From Patterns & Principles to Product Excellence
27m"Design Systems from 0 to 1"
25mBuilding a Design System as a team
26mDesign Systems of a Down: Steal this Guide!