The process
A design system is defined as a large set of reusable components combined with a set of rules and design information that enables designers and product development team to generate consistency across brand’s digital products and user experience in a short period of time.
I found some great resources for developing the Design system, like the book Atomic Design, by Brad Frost, InVision’s Design Systems Handbook and some complex and well-documented design systems developed for companies like IBM, Airbnb, and Atlassian that inspired and guided me.
For this project the atomic Design methodology by Brad Frost was applied to accelerate the process of crafting the design system. The Atomic Design Methodology provide a valuable approach that bring logic and structure to the UI design, and by providing a big picture and steps, it help align team members to have a better understanding of the concept of design system.
During the process of development of each building blocks it was considered if those components are: 1) meet brand’s design principles 2) accessible 3) can be reused 4) tested or not.