Does a Design System Pay for Itself at Your Size?
Design systems are sold as inevitable. Below a certain size they are a beautifully documented way to avoid shipping.
The case for a design system is compelling and mostly true at scale: consistent interface, faster delivery, fewer decisions relitigated. The question nobody asks is at what size the maintenance cost is smaller than the inconsistency it prevents.
The break-even signals
- More than one product surface. A single marketing site does not need a system; a site plus an app plus a client portal does.
- More than two people building interface. Below that, conventions live in their heads and stay consistent for free.
- Recurring arguments about the same component. If button variants get redesigned quarterly, the system pays for itself in avoided debate alone.
- Onboarding frequency. If new contributors join regularly, documented components are how they ship in week one instead of week four.
What to build first
- Tokens: colour, spacing, type scale, radius. This is 80% of visual consistency for 10% of the work.
- The five components that appear on every screen — button, input, card, modal, navigation. Not the exotic ones.
- Usage rules, not just appearance. When to use each variant matters more than how it looks.
- Accessibility built in at the component level, so it cannot be forgotten per-screen.
Avoiding the museum
The failure mode is a beautiful library nobody uses, because it lags the product. Keep the system in the same repository as the product, let it grow from real screens rather than ahead of them, and delete components nobody uses. A system with forty components and eight in use is not a system; it is a maintenance liability with good documentation.
- 2+ people building interface
- 5 components worth doing first
- 80% of consistency from tokens alone
Frequently asked questions
Should we use a component library or build our own?
Start with a mature open library and theme it. Building primitives from scratch — accessible dropdowns, date pickers, dialogs — is months of work that is genuinely hard to get right and delivers no differentiation.
How do we keep designers and developers in sync?
One source of truth for tokens, generated into both tools rather than maintained twice. Manual synchronisation of colour values between design files and code drifts within weeks, without exception.