"Design Systems from 0 to 1"
summary
Clear, actionable path: start with a UI audit (screenshots reveal seven left navs and 15 button variants), pick measurable goals for consistency and efficiency, extract tokens and variables so a single color change updates the app, and deploy components incrementally (feature flags, Storybook) while measuring usage (omelette/omlet shows 400 components built and which are unused). Concrete tools, rollout pattern, and real outcomes are described.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 2:10Need a design system?
- 3:53Design systems evolve
- 4:36Design principles
- 6:39UI audit
- 8:45Brand standards
- 11:35Brand in interface
- 12:37Typography standards
- 13:19Unify components
- 14:24Accessible components
- 16:10Deploy components
- 17:35Internal tools
- 19:43Design tokens
- 21:07Writing clear microcopy
- 22:53UI kit for designers
- 23:34Document with Storybook
- 24:36Track component usage
- 25:59Action plan
- 26:41Q&A
