Tokens Studio for Figma
  • Getting Started
    • Tokens Studio Plugin for Figma
    • Install the Figma Plugin
    • Pro Licence for the Figma Plugin
    • Join the Slack Community
    • Feature Requests - Featurebase
    • Changelog - Featurebase
  • Design Token Fundamentals
    • Intro to Design Tokens
      • Token Anatomy - Type
      • Token Anatomy - Value
      • Token Anatomy - Description
      • Token Anatomy - Name
  • Token Management
    • Token Types
      • Asset
      • Boolean
      • Border - Composite
      • Box Shadow - Composite
      • Color
        • Modified Colors (pro)
        • Gradient Colors
      • Dimension
        • Border Radius
        • Border Width
        • Sizing
        • Spacing
      • Number
      • Opacity
      • Other
      • Text (string)
      • Typography - Composite
        • Font Family
        • Font Weight
        • Font Fallbacks
        • Font Size
        • Line Height
        • Letter Spacing
        • Paragraph Indent
        • Paragraph Spacing
        • Text Case
        • Text Decoration
      • Composition (legacy)
    • Token Values
      • Token Values with References
      • Using Math in Token Values
    • Token Names
      • Token Name Technical Specs
      • Token Groups
      • Edit Token Names
    • Token Description
    • Token Sets
      • JSON View
  • Themes management
    • Themes (pro)
    • Themes that switch
  • Working in Figma
    • Variables and Tokens Studio
    • Styles and Tokens Studio
    • Export to Figma Guide
      • Export Options
      • Export Using Themes (pro)
      • Export Using Token Sets
      • Variables Skipped on Export
      • Styles with Variable References
    • Import from Figma Guide
      • Import Styles from Figma
      • Import Variables from Figma
        • Connect Themes to Imported Variables
        • Imported Variable Types and Token Types
    • Non-local Variables and Styles (pro)
    • Remove Tokens from Figma elements
    • Dev Mode in Figma
  • Settings Management
    • Plugin Settings
    • Base Font Size Setting
    • Token Format - W3C DTCG vs Legacy
  • Token Storage and Sync Integrations
    • Local Document - Figma File Token Storage
      • Figma Data Limits
    • Remote Token Storage Integrations
      • GitHub - Git Sync Provider
      • GitLab - Git Sync Provider
      • Bitbucket - Git Sync Provider
      • Azure DevOps - Git Sync Provider
      • JSONBin - Cloud Sync Provider
      • Supernova - Cloud Sync Provider
      • Tokens Studio Platform - Cloud Sync Provider
      • URL - Server Sync Provider
      • Generic Versioned Storage - Server Sync Provider
    • Multi-file Sync to Remote Storage (pro)
    • Manage Sync Providers
      • Edit Sync Provider
      • Change Active Sync Provider
      • Remove Sync Provider
    • Sync Changes to Remote Storage - Push and Pull
    • Branch Switching (pro) - Version Control
  • Inspect and Debug Tokens
    • Inspect Tokens
    • Remap Tokens
  • Transform Tokens for Development
    • Style Dictionary + SD Transforms
    • Official docs for Style Dictionary
  • Style Dictionary Playground
  • Troubleshooting
    • Reset Tokens from Dev Console
    • Tokens Studio Status
  • Open Source
    • Contribute
    • Shared Plugin Data
Powered by GitBook
On this page
  • Pro Licence - Tokens Studio Plugin for Figma
  • Frequently Asked Questions
  • Themes Management
  • Color modifiers
  • Syncing Tokens to External Storage
  • Visual Flow and Table View of Tokens

Was this helpful?

Edit on GitHub
Export as PDF
PreviousInstall the Figma PluginNextIntro to Design Tokens

Last updated 2 days ago

Was this helpful?

Pro Licence - Tokens Studio Plugin for Figma

While we'd love for everyone to have a pro licence to unlock the full power of the Plugin for Figma, the reality is that not every person working on a Tokens Studio powered project needs one. Generally speaking:

  • Designers maintaining Design Systems powered by Design Tokens would benefit from a pro licence.

  • Designers wanting to sync Variable Collections (with multiple modes) to a code repository would benefit from a pro licence.

  • Designers who require view only/read access to your Token projects do not need a pro licence.

  • Engineers inspecting Figma files requiring access to the Plugin do not need a pro licence.

  • Design systems teams who are scaling quickly may benefit from our more powerful tool, the Tokens Studio Platform, a dedicated Token management application.

→

Below you'll find each of the features exclusive to pro licence holders and a breif description of what you can and can't do without a pro licence.

Frequently Asked Questions

Select a question to reveal the answer.

Where can I find pricing details on the Pro licence?

The pricing page has the most up to date details based on your geographic region.

Where can I add a licence key in the Plugin to turn on pro?

The Settings page of the plugin is where you can enter your licence key.

How can I change my email address on my Tokens Studio account for my pro licence access?

Themes Management

The Themes feature in Tokens Studio allows you to define combinations of Token Sets that are intended to be applied together to style design elements. Under the hood, the Plugin creates a themes configuration file that can be shared with developers and used in code.

Multiple Themes can be applied at the same time to create a matrix of possible concepts that a single design element can be styled with. This is also known as multi-dimensional theming.

Here's the breakdown of what you can do with Themes depending on your licence:

Pro Licence
Free Licence

Create a new Theme

Apply Tokens included in Themes to design elements in Figma

Update existing Theme

Toggle Themes on/off to apply styling to design elements in Figma

Delete a Theme

+ Everything free licence holders can do

The Themes feature creates additional data that can be shared with Figma, which unlocks several powerful workflows:

  • Connecting design tokens to Variable Collections with multiple Modes.

  • Styles attached to your Tokens can be managed in the Plugin or Figma.

  • Non-local Variable Collections and Styles that retain their references to a published libraries in a different Figma files by syncing your Themes to your external Tokens Storage provider.


Color modifiers

Color Modifiers allow you to easily create consistent, scalable color systems by adjusting and blending colors with fine-grained control within Tokens Studio.

Modifying your Color Tokens is a powerful way to create dynamic color schemes.

For example:

  • Generate a color ramp from a single 'base color'.

  • Introduce subtle variations between interactive states.

Pro Licence
Free Licence

Create new modified Color Tokens

Apply modified Color Tokens

Advanced color spaces - LCH, SRGB, P3, HSL

Create colors in Hex, RGB, RGBA, ARGB, HSLA

Edit existing modified Color Token

+ Everything free licence holders can do


Syncing Tokens to External Storage

If you are working with one of the supported Git sync providers, you can take advantage of version control workflows and advanced token storage options.

Here's the breakdown of what you can do with syncing to External Storage depending on your licence:

Pro Licence
Free Licence

Sync Tokens as a folder with multiple files.

Sync Tokens to all Git providers.

Create a new branch in a connected Git repository.

Sync Tokens as a single file to any Git provider.

Switch between branches in a connected Git repository.

+ Everything free licence holders can do


Visual Flow and Table View of Tokens

Pro licence holders will notice additional navigation actions on the Tokens Page of the plugin. Selecting either the Token Flow or Second Screen icon buttons will open these features in a web browser to unlock additional ways of viewing the relationships between Tokens.

Free licence holders will not see these icon buttons.

You can change the e-mail of your Tokens Studio account at Once logged in, you can choose 'Edit billing' in the left panel. You can update the billing information, including the e-mail. Note: this e-mail is not linked to the actual access to the Pro features in the plugin, but only for the account page and billing related communication.

→

→

https://tokens.studio/pricing
account.tokens.studio
Jump to the guide on Themes for more details.
Read the guide on Branch Switching (pro) for more details.
Learn more about the Studio Platform
Themes management
Color modifiers
Branch management when syncing Tokens to external storage providers
Visual flow and table views of your Token projects
Page cover image
1. License key