Already have your variables set up and want to bulk apply them to your work? You can swap styles with variables or apply variables that match raw number values to elements in any file with access to your variables collections! 

Our state-of-the-art node based graph engine driving dynamic design systems built with logic.

To make it even more easy to get started, we built a real-time playground where you can import your tokens, define output targets for different platform and generate tokens automatically and validate the output in real-time. It even detects themes if you have them defined and generates separate outputs for each theme. The playground uses the SD Transforms package mentioned above.

Want to try out Tokenflow, our graph visualization for design tokens? The open beta for Tokenflow is now available for all Pro users.

Want to know a bit about how Multi-dimensional themes work? Here's a playground where you can play around with a token set-up that includes:

• Two Modes

• Two Brands

• Three Languages

Want to try out Second screen for Tokens Studio? The open beta for Tokenflow is now available for all Pro users.

Token Zen Garden was created with the hope of becoming a place of inspiration, experimentation and learning for everyone using design tokens.

Token Zen Garden is a full featured playground where you can upload your design tokens and experience the power of design tokens as it changes the appearance of a pre-defined template real-time. You can browse through the different submissions and explore how design tokens have been used to create unique themes by just changing the design tokens.

A dedicated package of style dictionary customer transforms that does all the heavy lifting for all token types that can be created in Tokens Studio.

The open source repository of the Tokens Studio for Figma plugin on GitHub.