Glossary
Design system
What is a design system?
A design system is a comprehensive set of standards, documentation, and reusable components that provides a single source of truth for how a product or family of products should look, feel, and behave.
How it works
A design system typically includes
- design tokens (colors, typography, spacing values),
- a component library (coded UI elements),
- pattern documentation (how components combine to solve common UX problems),
- voice and tone guidelines,
- accessibility standards,
- and governance processes.
Unlike a simple style guide, a design system is a living product used by designers and developers daily. Major examples include Google's Material Design, IBM's Carbon, and Salesforce's Lightning. The aim is to give teams useful shared parts and decisions instead of repeatedly solving the same interface problems.
Applied example
Imagine three product teams using the same documented button, form field, and error-message patterns. They can reuse those parts while checking that each complete flow works for its users. Sharing components does not remove the need to test the product.
Why it matters
Design systems can support consistent decisions across teams. Their value depends on adoption, maintenance, governance and whether their components meet users’ needs.
Therese Fessenden’s overview explains the parts of a design system and the work needed to maintain it.