New

Figma Tokens is now Tokens Studio for Figma.

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.

New

Figma Tokens is now Tokens Studio for 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.

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.

Connect tokens to Figma Styles and Variables

Use design tokens to manage your variables and styles, apply or swap these across themes using native features.

Connect tokens to Figma Styles and Variables

Use design tokens to manage your variables and styles, apply or swap these across themes using native features.

Connect tokens to Figma Styles and Variables

Use design tokens to manage your variables and styles, apply or swap these across themes using native features.

Advanced theming

Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.

Advanced theming

Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.

Advanced theming

Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.

Multi-file sync

Sync to multiple .json files in your repository to keep a single source of truth, on GitHub, GitLab or Azure DevOps.

Multi-file sync

Sync to multiple .json files in your repository to keep a single source of truth, on GitHub, GitLab or Azure DevOps.

Multi-file sync

Easily change between branches or create new ones based on an existing branch.

Branch switching

Easily change between branches or create new ones based on an existing branch.

Branch switching

Easily change between branches or create new ones based on an existing branch.

Branch switching

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

Smart math
Token remapping

Token annotation

+20 more

Install in Figma

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

Smart math
Token remapping

Token annotation

+20 more

Install in Figma

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

Smart math
Token remapping

Token annotation

+20 more

Install in Figma

Pro

per user / month
(excl. VAT)

16 €

Save weeks of work by utilizing power user features built for teams and professionals.

Subscribe to Pro

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.

Subscribe to Pro

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.

Subscribe to Pro

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.

Join our community, we would love to hear from you!

Join our Community Slack

Follow our creators on Twitter

Give us feedback or report a bug