User Testing & Qualitative Insight
In Figma, styles for colours, grids, text, and effects like shadows and blurs were defined. For the other UI elements, a component was created which help to keep interfaces consistent and make collaboration between designers and developers much easier.
Defining and sorting colour palettes, typography, effect styles and components took some time at the beginning of the design system creation project. However, it assists developers to have access to code panel which providing helpful information about the designs they’re inspecting. Figma code panel has a feature that allow developers to switch viewing codes between CSS, iOS, and Android to have access to any added descriptions.