Design tokens,
done in minutes.
Tokenry generates a complete primitive + semantic token system from a single brand colour — ready to drop straight into Figma.
Open Tokenry →
Everything you need
One colour, full system
Paste a hex value and get a complete token hierarchy — primitives, semantic colours, sizing, typography, shadows — with light and dark modes built in.
Figma-ready JSON
One-click export in the exact format the Tokenry plugin expects. Primitives, semantic colour, and sizing all structured and ready to import.
Figma plugin
Run the companion Tokenry plugin to create native Figma variables, text styles, and effect styles automatically. No manual setup needed.
Open plugin listing →From browser to Figma in three steps
The Tokenry plugin reads your exported JSON and wires everything up as native Figma variables — no copy-pasting, no manual bindings.
Generate
Open Tokenry, paste your brand colour, configure your token system.
Copy JSON
Click "Copy for Plugin" to copy the structured JSON to your clipboard.
Run Plugin
Open the Tokenry Figma plugin and paste — variables and styles are created instantly.
Ready to build your system?
No sign-up. No install. Open it in your browser and start generating.
Open Tokenry →