Tokens Studio

Tokens Studio is a design system platform for managing design tokens. It links design tools such as Figma and Penpot with code, so changes to tokens can reach both sides.

Tokens are organised into sets and themes, such as brands, colour modes or appearance options. A large token set can be split into parts that teams manage separately. Tokens can be exported through Style Dictionary, which lets the same values feed web and mobile builds. A CLI and an SDK let teams build their own integrations when the standard connections are not enough.

• Token sets with multiple themes
• Bridges design tools and code
• Export through Style Dictionary
• CLI and SDK for custom integrations
• Works with Penpot, GitHub and VS Code

Design system teams that manage large token sets will benefit most. Designers and developers who work in Figma and want tokens to match the code also make good use of it.

The site offers a start-for-free option and a Pricing page. The core of the platform is open source, and the Figma plugin is published under the MIT licence on GitHub. Token structures should be planned early, because large changes to naming and themes can be harder to make later.