Design Nomenclature / Systems & Spec

Design system

Also called DS, component library, pattern library, style guide

The whole of what a team shares in order to build one thing: tokens, components, patterns, usage guidance, and the process by which those change. The artefacts are the visible part and the smaller part — without a way of deciding, a design system is a component library with better documentation.

A two-column comparison, set against the axis: whether there is a way of deciding. Left, a component library: a set of things you may use, where adoption is optional, drift is invisible, and the second team's button quietly forks. Right, a design system: the same things, plus what they mean, who decides, and how a change gets in. The process is the part that is hard to copy — and the part the word usually omits.

In practice

Means a Figma file to one team, an npm package to another, and a PDF to a third; the word survives because it is vague enough for all three to claim it. Ask what it is authoritative for, and what happens to someone who ignores it.

How this term connects

BreakpointDesign tokenModular scaleSemantic tokenSpacing scaleSurface languageVariableDesign system
Related Confused with