Design tokens,
done in minutes.
Tokenry generates a complete primitive + semantic token system from a single brand color — ready to drop straight into Figma.
Everything you need
One color, full system
Paste a hex value and get a complete token hierarchy — primitives, semantic colors, sizing, typography, shadows — with light and dark modes built in.
Export anywhere
Copy for Figma in one click, or export CSS variables, a Tailwind config, and Style Dictionary JSON for developer handoff — all from the same system.
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 color, 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 →