A design system that scales for Orbit
Three product teams were drawing the same component three different ways. We gathered color, type and component decisions into a single source.
Aa
60%faster screen production
- Role
- Design system lead
- Duration
- 5 months
- Tools
- Figma, Tokens Studio, Storybook
- Tags
- design system, tokens
This is a sample case study. Copy and numbers are placeholders.
Problem
The product had 14 different buttons and 9 different greys.
Approach
We ran an inventory and split decisions into three layers: base tokens, semantic tokens and components.
Outcome
Time to design a new screen dropped by 60% on average.