Okuzeka
UX/UI Design vocabulary · Design Systems

Design system

Meaning in UX/UI design, with examples

nounCore term

In UX/UI design, design system means: A shared collection of reusable components, design rules, tokens and documentation that keeps a company's products consistent and helps teams build faster.

In Turkish: tasarım sistemi, design system

How it is used

Many companies publish their design systems, such as Google's Material Design and IBM's Carbon. Designers use, contribute to and maintain a design system; often a dedicated team owns it, both in the design tool and in code.

Example sentences

  1. Please use the button from the design system instead of drawing a new one.

  2. Our design system has over eighty components, each with code and usage guidelines.

Common collocations

  • build a design system
  • maintain a design system
  • design system team
  • contribute to the design system
  • componentA reusable building block of an interface, such as a button, card or input field, designed once and used in many places with the same look and behaviour.
  • style guideA document that sets the visual and writing rules for a brand or product, such as colours, typography, logo use, icon style and tone of voice.
  • design tokenA named value that stores a design decision, such as a colour, font size or spacing amount, so designers and developers use the same value everywhere.
  • UI kitA ready-made collection of interface elements, such as buttons, forms, icons and navigation bars, that designers drag into their files to build screens quickly.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Design Systems

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: