Why you need a design system

What are design systems made of?

1. Components, like buttons, banners, forms inputs, these are pieces assembled to create a digital product.

2. Guidance, These are directions and information on how to assemble the components correctly.

3. Reference Site, This is where the components and guidance are stored.

What a design system is not;

1. A component library.
2. An XD or Sketch file.
3. A pattern library

A design system; It's a combination of all the above and more.

Examples of a design system.

1. Apple Human Interface

2. Shopify Polaris

3. Google Material Design

4. Lightning Design System

5. Uber Base we

Benefit of having a design system.

It saves & money; it avoids reputation and gives you consistency since all components are already defined and developed;

It helps the team to collaborate; a design system as shared reference and developers and designers will always speak the same language when referring components.

Benefit of having a design system.

I would take all the hustle and explain how you can build a timeless design system, but as the saying goes "don't reinvent the wheel" where is the resource designsystemchecklist that will guide you through the whole process.