Design Systems
We build design systems that live in Figma and in code at once, with the same tokens and component names on both sides, so design and development stop drifting apart.
Built withFigma variablesReactTailwind CSS
What we do
- An audit of your current UI and its inconsistencies
- Design tokens for color, type, spacing and radius, in light and dark
- A Figma component library with variants and properties
- Matching React components in your stack
- Documentation and usage guidelines
- A process for adding and changing components
One name for one thing
A button called Primary in Figma and btn-main in code is where drift starts. We name tokens and components once and use those names on both sides, so a change in one place has an obvious match in the other.
Sized for your team
A two-person startup does not need the system a bank needs. We start with the components you use every week, document them well, and grow the system with the product.
Questions
Not covered here? Ask us directly and you will hear back from a designer.