Design systems

A design system is a shared library of components, styles and guidelines. The example brings together buttons, a search field, a toggle, a card, colors and type.

Teams use the same parts instead of redesigning them for every screen. A good design system:

• Keeps the product consistent.
• Saves time by reusing existing parts.
• Gives designers and developers a shared language.

It works best when it includes both design files and code, plus guidance on when to use each part.