Designing

The Figma library maps directly to the token layer. Same names, same values, same hierarchy as the code.

Resources

Figma Coming soon
Design library with all tokens and components.

How it works

Every token in the code maps to a Figma variable. When you pick a color in Figma, you are picking the same token a developer would reference in CSS. No translation layer, no handoff gap.

The library is in progress. Check back once the Figma file is published.