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
    • 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
  • Plugin settings
  • 1. License key
  • 2. Sync providers
  • 3. Language settings
  • 4. Base font size setting
  • 5. Permission for session recording
  • 6. Reset onboarding
  • These settings have moved
  • Resources

Was this helpful?

Edit on GitHub
Export as PDF
PreviousDev Mode in FigmaNextBase Font Size Setting

Last updated 4 months ago

Was this helpful?

Plugin settings

The Settings page is where you can make personalized configurations to the plugin.

1. License key

When you upgrade to a pro licence for Tokens Studio, you add the key here.

  • Be sure to press the Add licence key button when you are finished.

It's a good idea to keep a copy of your licence key handy wherever you safely store your passwords.

If you haven't upgraded to pro yet, select the GET PRO button by the licence key input to open a browser page with more details.

2. Sync providers

By default, Tokens Studio will store your design tokens locally in the Figma file you are working in, but their true power is unleashed when they can be synced with code.

You can manage your sync providers from the Settings Page.

Token format

To support moving towards the W3C Specifications for Design Tokens, as managed by the Design Tokens Community Group (DTCG), you can choose a Design Token Format that defines how tokens are written in their JSON files.

3. Language settings

The plugin supports multiple languages thanks to the generous contributions of our open-source community members! ✨

Use the Language Selector to choose from:

  • English

  • French

  • Dutch

  • Chinese

  • Hindi

  • Spanish

4. Base font size setting

The plugin sets the Base Font Size to 16px by default. To change this value, use the Change button and follow the prompts.

5. Permission for session recording

Enabling this setting creates a unique ID that can be shared with the Tokens Studio support team to help troubleshoot issues you might be having.

The recorded telemetry data collected is anonymized and is not shared with any third parties.

You can leave this setting disabled until a support team asks you to turn it on.

6. Reset onboarding

If it's been a while since you used the plugin, this setting will open the onboarding content we show new users to the plugin.


These settings have moved

The plugin's V2 release made some major changes to the way we work with Styles and Variables in Figma.

As a result, we moved the related settings to the new Export to Figma workflow, in the Options menu.

  • Ignore first part of token name for styles.

  • Prefix styles with active theme name


Resources

Community resources:

  • None yet!

Known issues and bugs

Requests, roadmap and changelog

  • None yet

You can always grab it again by

Want to contribute to add a new language? Reach out to us on our

Tokens Studio Plugin GitHub -

Tokens Studio Plugin GitHub -

logging into your Tokens Studio account
Remote Token Storage Integrations
Token Format - W3C DTCG vs Legacy
community slack!
Base Font Size Setting
Export Options
Open issues for Settings - Plugin Page
Open issues for Licence Key
The Plugin Setting Page with annotations to match the features below. The configuration shown here is "default" before any changes are made.
Page cover image

💡 Something to share?

Submit it here!

🐞 If you are experiencing an issue not listed here, please reach out to us on the Troubleshooting channel of our , , or send us an email support@tokens.studio

community Slack
submit it on our feedback tool

💌 Visit to contribute or subscribe to updates.

https://feedback.tokens.studio/

The plugin remembers most of your settings across all Figma files!

For settings that change by project, like your active Sync Provider, you'll want to check the Settings Page each time you open the plugin in a new Figma file.