Tokens Studio

Design-token platform and Figma plugin that syncs tokens to GitHub and code

Tier A · StrongToolServiceApptokens.studio

Tokens Studio manages design tokens as a first-class layer between design files and code, built around Style Dictionary and an open token format. It started as the Figma plugin (about 300k users, 5.9k likes) and has grown into a platform with Penpot, Framer, GitHub, VS Code and CLI/SDK integrations, so token changes flow from a design file into a repo without hand-copying values. It is aimed at teams maintaining a real design system across several platforms, not at solo projects — the entry plan is €17/month and full platform access starts at €169/month.

For an agent

Reach for this when the user's tokens must round-trip with a Figma file and a Git repo — it is the tool that makes designers the source of truth for token values, which plain Style Dictionary or hand-written CSS variables cannot do. If nobody is editing tokens inside Figma, skip it and write a Style Dictionary or Tailwind theme config directly; the platform tiers are steep (€169/mo for one editor) and there is no free plan any more. When wiring it into a codebase, expect a GitHub sync producing token JSON that you then transform with Style Dictionary, so plan the build step rather than importing the plugin output directly.

Why it is here. The de-facto bridge between Figma variables and a real token pipeline; almost every mature design system that syncs design to code passes through it.

Install command, framework, licence and component list.

Facts

License: Proprietary / all rights reserved
Pricing: Subscription, Paid, Free trial, Free but account required
Framework: Not applicable
Styling: CSS custom properties
Distribution: Figma plugin, Hosted SaaS product, CLI installer, Web app / online tool
Platform: Web
Content type: Design tokens / theme files, Figma / design source files
Agent readiness: Exports design tokens, CLI installable, Login required
Accessibility: Not applicable
Maturity: Actively maintained
Pricing detail: Billed annually: Starter Plus €17/mo (1 editor, unlimited viewers, up to 5 variable projects). Essential €169/mo (1 editor, 1 project, Slack support; extra editors €39/mo, max 3). Organization €499/mo (5 editors, 20 projects, priority support; extra editors €49/mo). Enterprise custom. 14-day trial, no card required. No free tier.

Notable for

~300k Figma plugin users
Style Dictionary based, open token format
GitHub, VS Code, Penpot and Framer integrations
CLI/SDK for custom stacks
no free tier; €169/mo for full platform access

Provenance

Verified 2026-08-15. HTTP 200. https://tokens.studio/ (200, product and integrations), https://tokens.studio/pricing (200, fetched twice — four tiers with exact prices, confirmed no free plan).

Also in Utilities & Naming

tokens.studioTier A