Make it neat and in order
It’s the key to coherent design
This approach allows us to keep everything in order in case of expanding the design principles in the future. It optimizes the process and lets us organize the implementation neatly just like LEGO bricks.
Design systems allow us to manage projects when it comes to scale
It consists of a couple of elements: defined colors, fonts (with sizes), components (buttons, inputs, labels), meshes, and icons. The more complex our system is, the more elements it will contain – margins, examples of use, and much more.
Each of our projects is built from atoms
By connecting them, we gain molecules ready to create an organism that can be copied. Thanks to this approach we can coherently grow our design and control implemented modifications.
From atom to system
After defining an atom we can start building the whole design system
To achieve consistency, we need to use previous components when creating new ones. For example, the chart can include symbols like: icon, shadow, shape, state or text. The size of the final organism depends on the size of the project which determines how many atoms we will use.