Tokens Studio | Home

Product

Resources

Company

Pricing

Tokens Studio | Home

Product

Resources

Company

Pricing

Tokens Studio | Home

Product

Resources

Company

Pricing

Help Center

Help Center

Help Center

Your Starting Point for Tokens Studio Docs

Whether you’re working in the Studio Platform or inside the Figma Plugin, our documentation has you covered. Dive in, explore, and get the most out of your setup.

Studio Documentation

Learn everything about Studio, from advanced token logic to Graph Engine workflows.

Learn how to install and set up the Figma plugin.

Learn how to install and set up the Figma plugin.



Plugin Documentation

Get started with Tokens Studio for Figma and master token management right inside your design files.

KEEGAN
edwin

Need Assistance?
We're Here!

Hi I’m Keegan. Customer Success Engineer At Tokens Studio, we value your inquiries and are here to assist you. Whether you have questions or need support, reach out to us!

frequently asked questions

Whether you have a question, need a demo, or want to explore partnership opportunities, we’re here to help.

What is Tokens Studio?

Tokens Studio is a tool that helps teams manage design tokens—like colors, typography, and spacing—in one place. It keeps design and code in sync, so your design system stays consistent across tools and platforms.

What are the different plans that Tokens Studio offers?

We provide different plans depending on your team’s needs. Whether you only need the Figma plugin or the full Studio platform, there’s an option for you. You can see all plans here.

What is the difference between Studio and Plugin?

Studio is a standalone web platform that supports advanced workflows for teams. Tokens Studio for Figma is a plugin that runs inside Figma, perfect for working directly within your design files.

How do I decide which plan is best for my team?

It depends on the complexity of your design system and how you manage tokens. Smaller teams may start with the plugin, while larger systems benefit from the Studio platform.

Does it only work with Figma?

No. The plugin works with Figma, but Studio is a standalone platform that connects to multiple tools and developer workflows.

Can I use it for multiple brands and themes?

Yes. You can set up unlimited themes, brand variations, and accessibility modes.

How do developers use the tokens?

Tokens can be synced straight to Git and used in JSON format or transformed into CSS, SCSS, JavaScript, iOS, or Android code. This makes it easy for developers to plug them directly into their workflow.

Where can I access more resources?

You can explore our documentation for Studio and the Figma plugin.

Do I need to be technical to use Tokens Studio?

Not at all. Designers can work visually in Figma, while developers can work with the synced tokens in code. Tokens Studio acts as the bridge between both worlds.

Where can I book a demo?

Yes. You can book a demo with our team here.

What is Tokens Studio?

Tokens Studio is a tool that helps teams manage design tokens—like colors, typography, and spacing—in one place. It keeps design and code in sync, so your design system stays consistent across tools and platforms.

What are the different plans that Tokens Studio offers?

We provide different plans depending on your team’s needs. Whether you only need the Figma plugin or the full Studio platform, there’s an option for you. You can see all plans here.

What is the difference between Studio and Plugin?

Studio is a standalone web platform that supports advanced workflows for teams. Tokens Studio for Figma is a plugin that runs inside Figma, perfect for working directly within your design files.

How do I decide which plan is best for my team?

It depends on the complexity of your design system and how you manage tokens. Smaller teams may start with the plugin, while larger systems benefit from the Studio platform.

Does it only work with Figma?

No. The plugin works with Figma, but Studio is a standalone platform that connects to multiple tools and developer workflows.

Can I use it for multiple brands and themes?

Yes. You can set up unlimited themes, brand variations, and accessibility modes.

How do developers use the tokens?

Tokens can be synced straight to Git and used in JSON format or transformed into CSS, SCSS, JavaScript, iOS, or Android code. This makes it easy for developers to plug them directly into their workflow.

Where can I access more resources?

You can explore our documentation for Studio and the Figma plugin.

Do I need to be technical to use Tokens Studio?

Not at all. Designers can work visually in Figma, while developers can work with the synced tokens in code. Tokens Studio acts as the bridge between both worlds.

Where can I book a demo?

Yes. You can book a demo with our team here.

What is Tokens Studio?

Tokens Studio is a tool that helps teams manage design tokens—like colors, typography, and spacing—in one place. It keeps design and code in sync, so your design system stays consistent across tools and platforms.

What are the different plans that Tokens Studio offers?

We provide different plans depending on your team’s needs. Whether you only need the Figma plugin or the full Studio platform, there’s an option for you. You can see all plans here.

What is the difference between Studio and Plugin?

Studio is a standalone web platform that supports advanced workflows for teams. Tokens Studio for Figma is a plugin that runs inside Figma, perfect for working directly within your design files.

How do I decide which plan is best for my team?

It depends on the complexity of your design system and how you manage tokens. Smaller teams may start with the plugin, while larger systems benefit from the Studio platform.

Does it only work with Figma?

No. The plugin works with Figma, but Studio is a standalone platform that connects to multiple tools and developer workflows.

Can I use it for multiple brands and themes?

Yes. You can set up unlimited themes, brand variations, and accessibility modes.

How do developers use the tokens?

Tokens can be synced straight to Git and used in JSON format or transformed into CSS, SCSS, JavaScript, iOS, or Android code. This makes it easy for developers to plug them directly into their workflow.

Where can I access more resources?

You can explore our documentation for Studio and the Figma plugin.

Do I need to be technical to use Tokens Studio?

Not at all. Designers can work visually in Figma, while developers can work with the synced tokens in code. Tokens Studio acts as the bridge between both worlds.

Where can I book a demo?

Yes. You can book a demo with our team here.

What is Tokens Studio?

Tokens Studio is a tool that helps teams manage design tokens—like colors, typography, and spacing—in one place. It keeps design and code in sync, so your design system stays consistent across tools and platforms.

What are the different plans that Tokens Studio offers?

We provide different plans depending on your team’s needs. Whether you only need the Figma plugin or the full Studio platform, there’s an option for you. You can see all plans here.

What is the difference between Studio and Plugin?

Studio is a standalone web platform that supports advanced workflows for teams. Tokens Studio for Figma is a plugin that runs inside Figma, perfect for working directly within your design files.

How do I decide which plan is best for my team?

It depends on the complexity of your design system and how you manage tokens. Smaller teams may start with the plugin, while larger systems benefit from the Studio platform.

Does it only work with Figma?

No. The plugin works with Figma, but Studio is a standalone platform that connects to multiple tools and developer workflows.

Can I use it for multiple brands and themes?

Yes. You can set up unlimited themes, brand variations, and accessibility modes.

How do developers use the tokens?

Tokens can be synced straight to Git and used in JSON format or transformed into CSS, SCSS, JavaScript, iOS, or Android code. This makes it easy for developers to plug them directly into their workflow.

Where can I access more resources?

You can explore our documentation for Studio and the Figma plugin.

Do I need to be technical to use Tokens Studio?

Not at all. Designers can work visually in Figma, while developers can work with the synced tokens in code. Tokens Studio acts as the bridge between both worlds.

Where can I book a demo?

Yes. You can book a demo with our team here.

Find Your Documentation

Whether you're using our powerful standalone application or the integrated Figma plugin, we've got you covered. Choose your version below to access comprehensive documentation and start building.

Build better systems—faster

Join the growing community of designers and engineers using Tokens Studio to drive consistency and scale.

© 2025 Tokens Studio. All rights reserved.

Build better systems—faster

Join the growing community of designers and engineers using Tokens Studio to drive consistency and scale.

Product

Resources

Company

Pricing

Get In Touch

© 2025 Tokens Studio. All rights reserved.