Design System - A must for web designers

What is a design system?

It's a library of components that you can utilize all over your design project. It's a collection of atoms, organisms, molecules, and templates that makes your project more organized and efficient.

Imagine building a page with ready-to-use blocks, isn't that a time saver?

You can make a landing page in no time.

Although you need to spend some time building this system, it will be worth your while.

Why use a design system?

1. Scalable

2. Replicatable

3. Standardization / Develops best practices

4. Faster build time

5. Educational - Can be used by new designers/members in the project

Building a Design System

1. Conduct a visual audit

2. Create a visual design language

• Color

• Typography

• Sizing and spacing

• Imagery

3. Create a UI/pattern library

4. Document what each component is and when to use it

Read more at https://www.invisionapp.com/inside-design/guide-to-design-systems/