Design

Building a design system that scales

A design system is a product with users of its own. What separates one that speeds every team up from one that becomes just another thing to maintain.

Khaled Mansour

Design Lead · Mar 20, 2026 · 10 min read

A design system starts as a promise: design and build faster, more consistently, with less arguing over the small stuff. Whether it keeps that promise depends far less on how it looks than on how it is built and governed.

Tokens before components

The durable layer of a system is not its buttons — it is the decisions beneath them. Colour, spacing, type, and radius expressed as tokens mean a single change ripples everywhere correctly, and theming or rebranding becomes a data change rather than a rewrite.

Design for the override

No system anticipates every case, and one that fights its own exceptions gets abandoned. The best systems make the common path effortless and the uncommon path possible, so teams reach for the system instead of around it.

  • Name tokens by intent, not by value — "primary", never "teal".
  • Build accessibility into the components, so it is never optional.
  • Document the why beside the what, so decisions survive their authors.

A design system earns its keep when using it is the fastest way to do good work. Build it as a product, listen to the teams who depend on it, and it compounds with every screen.

Enjoyed this article?

Let's talk about your project

If this got you thinking about your own product, we'd love to hear about it — no pressure, just a conversation.