Unlock your productivity with
The scalable design tokens solution for Figma
Manage and switch between multiple themes with our flexible and scalable approach to design tokens. Control your design tokens from within Figma, all linked to one source of truth.
The scalable design tokens solution for Figma
Manage and switch between multiple themes with our flexible and scalable approach to design tokens. Control your design tokens from within Figma, all linked to one source of truth.
The scalable design tokens solution for Figma
Manage and switch between multiple themes with our flexible and scalable approach to design tokens. Control your design tokens from within Figma, all linked to one source of truth.
A scalable approach to design tokens
A plugin for Figma that empowers the whole team to have full control over your design decisions:
Create, apply and manage real design tokens as well as variables or styles in Figma.
A single system can support unlimited color modes, brands, products and platforms.
Intelligent dynamic algorithms help simplify the creation of scales and ramps, saving countless hours of manual labor.
Connecting to native Figma features
Design tokens that power Figma’s variables or styles, all while maintaining a source of truth accessible to your whole team. Connect to layers to create living design documentation that updates automagically.
Bidirectional sync to your remote storage
tokens studio ensures a smooth, bidirectional synchronization between your design files and code repositories, where design tokens evolve into a unified source of truth, bridging the gap and enhancing collaboration between design and development teams.
Tokens Studio ensures a smooth, bidirectional synchronization between your design files and code repositories, where design tokens evolve into a unified source of truth, bridging the gap and enhancing collaboration between design and development teams.
Transform to the output you need
Engineers can transform platform-agnostic design tokens into any format you can think of. This shared language ensures consistency between teams and speeds up the software development lifecycle.
Ready to get started with design tokens in Figma?
Dive in to our learning resources
A collection of articles and videos by and for the community
Dive in to our learning resources
A collection of articles and videos by and for the community
Plugin 2.0 has landed
Plugin 2.0 is a significant update with major improvements to enhance your workflow.
Enjoy a smoother, more efficient experience with features like W3C DTCG compatible format, a new variables experience, non-local references, typography tokens, Bitbucket support, and more.
Plugin 2.0 has landed
Plugin 2.0 is a significant update with major improvements to enhance your workflow.
Enjoy a smoother, more efficient experience with features like W3C DTCG compatible format, a new variables experience, non-local references, typography tokens, Bitbucket support, and more.
You can now book hands-on work sessions!
In these sessions, we will work directly with you and your team to help you solve any problem you're facing.
You can now book hands-on work sessions!
In these sessions, we will work directly with you and your team to help you solve any problem you're facing.
Join our vibrant community on Slack or GitHub
Install our Figma Plugin for free, once you’re ready to upgrade to advanced features, get Pro.
Simple pricing to level up your system/brand.
Free to use with a paid plan that comes with advanced features.
Figma Plugin: Starter
Try it for free and install now
€0
/ month
Experience tokens studio for Figma in its free version, with an extensive list of exciting features.
Design tokens in Figma
Alias Tokens
Sync to git
Token remapping
Smart math
Token annotation
Figma Plugin: Starter
Try it for free and install now
€0
/ month
Experience tokens studio for Figma in its free version, with an extensive list of exciting features.
Design tokens in Figma
Alias Tokens
Sync to git
Token remapping
Smart math
Token annotation
Figma Plugin: Starter
Try it for free and install now
€0
/ month
Experience tokens studio for Figma in its free version, with an extensive list of exciting features.
Design tokens in Figma
Alias Tokens
Sync to git
Token remapping
Smart math
Token annotation
Tokens Studio Pro
For True Scalability & Productivity
€49
per user / month
Month
Year
Save weeks of work by utilizing power user features built for teams and professionals.
Everything from Starter Plan, plus;
Instant Switching with Adv. Themes
Scalable Consistency with Color Modifiers
Create Git Branches within Figma
Multi-file sync for large Design Systems
Non-local styles and variables
Tokens Studio Pro
For True Scalability & Productivity
€49
per user / month
Month
Year
Save weeks of work by utilizing power user features built for teams and professionals.
Everything from Starter Plan, plus;
Instant Switching with Adv. Themes
Scalable Consistency with Color Modifiers
Create Git Branches within Figma
Multi-file sync for large Design Systems
Non-local styles and variables
Tokens Studio Pro
For True Scalability & Productivity
€49
per user / month
Month
Year
Save weeks of work by utilizing power user features built for teams and professionals.
Everything from Starter Plan, plus;
Instant Switching with Adv. Themes
Scalable Consistency with Color Modifiers
Create Git Branches within Figma
Multi-file sync for large Design Systems
Non-local styles and variables
Any questions? We're glad you asked.
How does a subscription for Pro work?
How does a subscription for Pro work?
How does a subscription for Pro work?
What payment methods are available?
What payment methods are available?
What payment methods are available?
Is a subscription user based?
Is a subscription user based?
Is a subscription user based?
Can Free and Pro users work next to each other on the same Token Set?
Can Free and Pro users work next to each other on the same Token Set?
Can Free and Pro users work next to each other on the same Token Set?
Do all my team members need a subscription for Pro?
Do all my team members need a subscription for Pro?
Do all my team members need a subscription for Pro?
How can I add more seats to my subscription?
How can I add more seats to my subscription?
How can I add more seats to my subscription?
How can I edit my payment method?
How can I edit my payment method?
How can I edit my payment method?
How can I edit my billing details?
How can I edit my billing details?
How can I edit my billing details?
Will Free users of the plugin still be able to consume all the tokens?
Will Free users of the plugin still be able to consume all the tokens?
Will Free users of the plugin still be able to consume all the tokens?
When does my subscription renew?
When does my subscription renew?
When does my subscription renew?
How do I cancel my subscription?
How do I cancel my subscription?
How do I cancel my subscription?
Where can I find my invoices?
Where can I find my invoices?
Where can I find my invoices?
How can I revoke the access of a subscription/license?
How can I revoke the access of a subscription/license?
How can I revoke the access of a subscription/license?
How can I contact support?
How can I contact support?
How can I contact support?
Join our community
We’re building our plugin with a focus around community and we’re building open source on GitHub. If you’re just getting started or want to be part of the community, join us!
Loved by teams that value efficiency
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Loved by teams that value efficiency
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Loved by teams that value efficiency
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
Tokens 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.
Thais Santos
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
Tokens Studio 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
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
