Unlock the power of
design tokens in Figma.
Unlock the power of
design tokens in Figma.
Save time, have more control, and effortlessly manage and switch between multiple themes. Control your design tokens from within Figma, all linked to one source of truth.
Unlock the power of
design tokens in Figma.
Save time, have more control, and effortlessly manage and switch between multiple themes. Control your design tokens from within Figma, all linked to one source of truth.
One source of truth for design and development.
Manage your brand at scale and bring efficient processes to your design and development teams - all while staying in full control over your data.
One source of truth for design and development.
Manage your brand at scale and bring efficient processes to your design and development teams - all while staying in full control over your data. We offer two-way sync with GitHub, GitLab, Azure DevOps and JSONBin.io
Design tokens in Figma.
Design tokens in Figma.
Apply, manage and sync design tokens from Figma to an external source of truth.
Comes with Pro
Advanced features
Our paid version will make your life even easier with advanced features built for teams that value time and efficiency. Store design tokens on a remote storage such as GitHub, and benefit from the same source of truth for design and development.
Use design tokens to manage your variables and styles, apply or swap these across themes using native features.
Use design tokens to manage your variables and styles, apply or swap these across themes using native features.
Use design tokens to manage your variables and styles, apply or swap these across themes using native features.
Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.
Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.
Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.
Sync to multiple .json files in your repository to keep a single source of truth, on GitHub, GitLab or Azure DevOps.
Sync to multiple .json files in your repository to keep a single source of truth, on GitHub, GitLab or Azure DevOps.
Easily change between branches or create new ones based on an existing branch.
Easily change between branches or create new ones based on an existing branch.
Easily change between branches or create new ones based on an existing branch.
Easily change between branches or create new ones based on an existing branch.
Want to learn more?
Watch in-depth videos to see what the plugin is all about.
Hands-on work sessions.
Hands-on
work sessions.
Hands-on work sessions are now available for booking! During a work session, we will work hands-on with you (and your team) on whatever problem you’re trying to solve.
Pricing
Free to use with a paid plan that comes with advanced features.
Great for starters
Free
Experience Tokens Studio for Figma in its Free version, with an extensive list of exciting features.
Design tokens in Figma
Alias Tokens
Sync
Token annotation
+20 more
Great for starters
Free
Experience Tokens Studio for Figma in its Free version, with an extensive list of exciting features.
Design tokens in Figma
Alias Tokens
Sync
Token annotation
+20 more
Great for starters
Free
Experience Tokens Studio for Figma in its Free version, with an extensive list of exciting features.
Design tokens in Figma
Alias Tokens
Sync
Token annotation
+20 more
Pro
per user / month
(excl. VAT)
16 €
Save weeks of work by utilizing power user features built for teams and professionals.
Advanced Theming
Branch switching
Support for non-local styles
Multi-file sync
+All free features
Pro
per user / month
(excl. VAT)
16 €
Save weeks of work by utilizing power user features built for teams and professionals.
Advanced Theming
Branch switching
Support for non-local styles
Multi-file sync
+All free features
Pro
per user / month
(excl. VAT)
16 €
Save weeks of work by utilizing power user features built for teams and professionals.
Advanced Theming
Branch switching
Support for non-local styles
Multi-file sync
+All free features
Loved by teams that value efficiency.
Vincent Koopmans
Vincent Koopmans, Freelance Design Systems Specialist
Tokens Studio makes creating, managing, and distributing Design Tokens a breeze. Even with Figma’s new variables feature, I still prefer using Tokens Studio because it’s easier than managing variables in Figma. The JSON output being agnostic is a huge plus for distributing, syncing, and transforming tokens for the frontend. It definitely has my preference for streamlining our workflow, or for any team that values disciplines working closer together.
Vincent Koopmans
Vincent Koopmans, Freelance Design Systems Specialist
Tokens Studio makes creating, managing, and distributing Design Tokens a breeze. Even with Figma’s new variables feature, I still prefer using Tokens Studio because it’s easier than managing variables in Figma. The JSON output being agnostic is a huge plus for distributing, syncing, and transforming tokens for the frontend. It definitely has my preference for streamlining our workflow, or for any team that values disciplines working closer together.
Thais Santos
TomTom
Token Studio has become an indispensable tool for our design system team at TomTom, revolutionizing the way we work. By providing a centralized platform for organizing, updating, and sharing design tokens, it has significantly enhanced the consistency and efficiency of our design processes.
Token Studio has proven to be an essential asset in our toolkit, empowering our team to elevate the quality and efficiency of our design processes. We highly recommend it!
Thais Santos
TomTom
Token Studio has become an indispensable tool for our design system team at TomTom, revolutionizing the way we work. By providing a centralized platform for organizing, updating, and sharing design tokens, it has significantly enhanced the consistency and efficiency of our design processes.
Token Studio has proven to be an essential asset in our toolkit, empowering our team to elevate the quality and efficiency of our design processes. We highly recommend it!
Patrycja Radaczyńska
Principal Design System Engineer / Babbel
tokens studio for Figma is such a powerful tool that allows us to manage and maintain our token architecture, and export it to Figma, Supernova and most important to GitHub. We wouldn't be able to build our token pipeline without it. It helps us to organize token management across the team and functions. Token Studio is an essential part of the design system process at Babbel.
Patrycja Radaczyńska
Principal Design System Engineer / Babbel
tokens studio for Figma is such a powerful tool that allows us to manage and maintain our token architecture, and export it to Figma, Supernova and most important to GitHub. We wouldn't be able to build our token pipeline without it. It helps us to organize token management across the team and functions. Token Studio is an essential part of the design system process at Babbel.
AG Grid
As the best javascript grid in the world, AG Grid is highly complex, with multiple themes and extensive customization. It demands a robust design system. Tokens Studio made this possible with ease. We highly recommend Tokens Studio for any team looking to master the design tokens process and achieve outstanding results.
AG Grid
As the best javascript grid in the world, AG Grid is highly complex, with multiple themes and extensive customization. It demands a robust design system. Tokens Studio made this possible with ease. We highly recommend Tokens Studio for any team looking to master the design tokens process and achieve outstanding results.
Matt Wierzbicki
Founder at antforfigma.com
If you're a design systems designer who is tired of manually updating your designs every time you make a change, you need Tokens Studio for Figma in your life! This plugin has been a total game-changer for me, allowing me to create and manage reusable tokens for all sorts of design elements with ease. And the real-time updates? It's like magic! No more chasing down every single instance of a color or font change. Plus, it's just plain fun to use. Trust me, your future self will thank you for giving Tokens Studio for Figma a try.
Matt Wierzbicki
Founder at antforfigma.com
If you're a design systems designer who is tired of manually updating your designs every time you make a change, you need Tokens Studio for Figma in your life! This plugin has been a total game-changer for me, allowing me to create and manage reusable tokens for all sorts of design elements with ease. And the real-time updates? It's like magic! No more chasing down every single instance of a color or font change. Plus, it's just plain fun to use. Trust me, your future self will thank you for giving Tokens Studio for Figma a try.
Silvia Bormüller
@svorklab
Tokens Studio for Figma is a massive time-saver tool, because you can literally create a component in Figma once and style it many times — this is huge for multi-themes like Light and Dark Theme. Additionally, styles can be synchronised with development, which is an extremely valuable improvement since it keeps your UI component library consistent.
Silvia Bormüller
@svorklab
Tokens Studio for Figma is a massive time-saver tool, because you can literally create a component in Figma once and style it many times — this is huge for multi-themes like Light and Dark Theme. Additionally, styles can be synchronised with development, which is an extremely valuable improvement since it keeps your UI component library consistent.
Mirahi
@mirahi_io
We added this unmissable plug-in to our design methodology, so it was obvious we should sponsor it! Thanks @six7, for helping us create more consistent designs!
We started to create Headless Design System in Figma using #FigmaTokens to help us link our design rules to code.
Mirahi
@mirahi_io
We added this unmissable plug-in to our design methodology, so it was obvious we should sponsor it! Thanks @six7, for helping us create more consistent designs!
We started to create Headless Design System in Figma using #FigmaTokens to help us link our design rules to code.
Manuel Colom
Yummly
When the weighty decisions came to pick the tools to build Yummly’s new design system, Tokens Studio for Figma proved itself as a must-have. For us it’s a game changer, it allows us to seamlessly translate designers’ work directly into code.
Manuel Colom
Yummly
When the weighty decisions came to pick the tools to build Yummly’s new design system, Tokens Studio for Figma proved itself as a must-have. For us it’s a game changer, it allows us to seamlessly translate designers’ work directly into code.