/

Product

Design systems that survive contact with a roadmap

Portrait of Jordan Ellis

Jordan Ellis

7 min read

Glowing blue interface icons arranged along an arc, like the building blocks of a design system

On this page

A design system is not a component library. It is an agreement between designers and engineers about how decisions get made — and agreements need maintenance.

Start with the ten screens you actually have

Systems fail when they are designed in the abstract. Build the components the current product needs, in the order it needs them, and let the library grow out of real screens instead of a hypothetical catalogue.

Tokens before components

Colour, type, spacing and motion as named values, shipped to code before anyone draws a button. Every component you build afterwards inherits the decisions instead of re-litigating them.

One owner, one hour a week

The systems that survive have a name next to them. An hour a week of triage — what got added, what drifted, what should be deleted — is the difference between a system and a graveyard.

Motion is part of the system

Durations and easings belong in the token set. Without them, every team invents its own timing and the product feels like four different products.

Working on something like this? Tell us about it — we answer within a day.

Share

Kontour Studios lanyards
Kontour Studios lanyards
A couple on a sunny terrace in Mallorca
A couple on a sunny terrace in Mallorca
Danse Café takeaway cups
Danse Café takeaway cups
Luma wellness dashboard on a laptop
Luma wellness dashboard on a laptop
Jordan Ellis
Agencian team member
Agencian team member

+

You

Ready to discuss your project with us?

Ready to discuss your project with us?

Ready to discuss your project with us?

Tell us where you are and where you want to be. We’ll come back within a day with how we’d get you there.

Create a free website with Framer, the website builder loved by startups, designers and agencies.