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.

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.