What is a Design System and how does it help in designing products faster?

Have you been designing websites, apps and dashboards from scratch? Making buttons, form fields, drop-downs, cards, defining shadows, and other UI components every time you start designing a website or an app? Well not anymore, I am going to tell you a trick using it, you will be able to design faster and it gets faster as you practise.

So, the trick is using Design Systems along with Sketch Runner. I’ll show you how at the end. let me tell you what these are first.

What is a Design System?

Let say, we want to change the Primary colour (Blue) in the above design system to Purple. How would you do it? We’ll just click on one blue button which is a symbol, go to the colour symbol and change the colour to purple. Puuffff! All the blues have not changed to purple. So instead of changing colours on all the components you just have to change colour in one place. It saves a lot of time.

Here is a Design System you should consider checking out.

How will it help you to design faster?

A Product Designer who’s turning ideas into beautiful apps and websites. Follow articles on UX and for freebies — https://dribbble.com/akshaysalekar