Toko

About this plugin

Toko – Bridge your Figma “source-of-truth” tokens straight into code

Bring your design system to life without any copy-&-paste errors. With Toko you can:

1. Export any Figma token set

• Colors, typography, spacing, radius, etc.

• Output as:

• CSS variables

• JSON objects

• JavaScript modules

• Tailwind CSS config

2. Generate CSS classes from text styles

• Automatically map your Figma text styles into CSS class names.

• No hand-writing class names—just pick your style library and go.

3. Push updates directly to GitHub

• Connect a repo in a few clicks

• Keep your token files in sync with every Figma change

4. Flexible export options

• Copy to clipboard

• Download ready-to-use files

• Push to your Repo using PAT

---

Why you’ll love Toko

One-click workflow: Stay in Figma—no jumping between apps.

Design–developer alignment: Ship the exact values your designers approved.

Always up-to-date: Version your tokens alongside your code.

Team-ready: Invite collaborators, lock down your design system, and roll out across projects.

Ready to stop manual syncing and start shipping design tokens as code? Install Toko and transform your Figma styles into production-ready assets today!