Astra DS
INTRO
ASTRA is the design system of FLUXYS. It was already established when I joined the team, however it was more design than engineering oriented, a lot of design decisions were implicit and it featured only basic components.
Key responsibilities
Enhancing ASTRA with more complex components
Documentation
Liaison with engineering
COLOUR AUDIT
When I joined the ASTRA team, primary and secondary colours were already defined at the primitives level, with no information on how they are used.
In order to understand the implicit design decisions, I first went through the entire component library and tagged how colours are used. Then by use of a pivot table, I was able to look at the use of colour across components and derive guidelines from there.
EXAMPLES OF DELIVERABLES
Figma components
Header component in ASTRA DS. Using variants at different levels to enable designers configuring the component according to case and at the same time keeping the component library compact.
Documentation
Engineer-friendly documentation for a spinner component
