The scalable design tokens solution for Figma

The scalable design tokens solution for Figma

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.

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.

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.

Unlock your productivity with

Design tokens in Figma

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?

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.

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.

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.

Figma Plugin: Pro

Unlock all productivity

€19

per user / month

Month

Year

Figma Plugin: Pro

Unlock all productivity

€19

per user / month

Month

Year

Figma Plugin: Pro

Unlock all productivity

€19

per user / month

Month

Year

Any questions? We're glad you asked.

How does a subscription for Pro work?

How does a subscription for Pro work?

What payment methods are available?

What payment methods are available?

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?

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 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?

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?

How do I cancel my subscription?

How do I cancel my subscription?

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 contact support?

How can I contact support?

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.

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.

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.