VOL. III · CH. 3.37 · COMPONENT
Design Systems
The rulebook that keeps every component in this Part consistent across an entire product.
1 min read · 151 words
3.37.1Definition & Anatomy
A design system is the governed collection of design tokens (color, type, spacing), components, and usage guidelines that keep a product visually and behaviorally consistent as it's built by many people over time.
3.37.2Common Mistakes
- Building a component library without documented usage guidelines, leading to the same component used inconsistently across a product.
- Letting the design system fall out of sync with the actual shipped product, so neither can be trusted as the source of truth.
3.37.3Best Practices
- Treat the design system as a living, versioned product with its own ownership, not a one-time deliverable.
- Document not just how a component looks, but when to use it and when not to.
ExampleGoogle's Material Design and IBM's Carbon Design System both publish explicit "when to use / when not to use" guidance per component, treating the rules as equally important as the visual specifications themselves.