Design System
A single source of truth for a product's UI — reusable components, tokens, patterns, and guidelines that keep design consistent and fast.
A design system is more than a UI kit: it bundles reusable components, design tokens, usage rules, and often the coded implementation into one governed source of truth. Designers and engineers both draw from it, which is what keeps a growing product visually and behaviorally consistent.
Its payoff is compounding speed. Once the system exists, new screens assemble from ready parts instead of being drawn from scratch, and a change to a token — a color, a spacing value — propagates everywhere at once. The cost is real maintenance, so systems earn their keep on products large enough to suffer from drift.
In practice
A 30-person SaaS company ships in three surfaces — web app, marketing site, mobile. Before a design system: the same “primary button” exists in seven shades, and a simple settings screen takes a week because everything is redrawn. After: new screens assemble from documented components in a day, engineers stop guessing paddings, and a rebrand becomes a token swap instead of a quarter-long repaint. The catch: someone must own it, or it drifts back into chaos within months.
Frequently Asked Questions
Related terms