Member-only story
The Ultimate Guide to Creating a Design System — Part One, Colors
Want a strong design system to help you speed up your workflow, improve consistency and allow you to get straight to the creative bit?
Check out simplekits!
The word “Design System” has been getting thrown around a lot lately. And, depending on your position, company, or setup, it may mean something slightly different to you.
The Traditional Design System
Typically, when someone mentions a design system, they are likely talking about the set of “rules” or guides a company or brand follows to keep consistency across everything they do. Many companies such as Uber & IBM have some public design systems for you to browse.
The Designers Design System
With more sophisticated design tools, design systems are starting to get more and more popular, and with good reason. They help you keep a consistent theme, rules, or structure across your file or multiple projects. With the features in Sketch and Figma to create master components, it is even more powerful to create or use design a handful of design systems that can be used as a starting point across projects.
Funnily enough, the Designers Design System could act as the foundation of a “Traditional” System for whatever company it is being made for. Both serve a similar purpose; however, one is simply in an earlier stage than the other.
Creating a design system can be daunting, I should know, as I recently created simplekits.co. But fear not, because we are going to take it step by step and cover some best practices on styling, organisation and component creation.
What We Will Cover
Design systems can vary in terms of what is needed, styling added, and components made. For this series, we will focus on how to construct a few, and that understanding will carry across into other components you may want to know.
