·1 min read·Mayank Singh

Building Tokener

A Figma plugin for extracting and exporting design tokens, built at Hyperzod to solve a real workflow problem.

At Hyperzod we had a growing design system: colors, spacing, type styles, variables. No clean way to get them into code. Every update meant someone manually copying values. That someone was usually me, and it was error-prone.

I built Tokener to fix that. It reads your Figma variables and styles and exports them as CSS Variables, JSON, or a Tailwind config. Pick the format your codebase already speaks.

It started as an internal tool. Now it's on the Figma Community, free to use.

Try Tokener on Figma Community