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
  • Reset Tokens from Developer Console in Figma
  • How it works
  • 1 - Open the Console
  • 2A - Replace the Token JSON
  • 2B - Hard Reset Tokens JSON
  • 3 - Restart the Plugin

Was this helpful?

Edit on GitHub
Export as PDF

Reset Tokens from Developer Console in Figma

If you encounter issues with your Tokens or have trouble opening the plugin, you can reset your Tokens using the Developer Console in Figma

Note: If Tokens exist only in the local document, resetting will permanently remove them. If Tokens are synced with an external provider, you can pull them again from the repository after resetting.

How it works

You can think about this like a "factory reset" for the Tokens Studio Plugin.

  1. Open the console in the Figma file where you are experiencing the issues.

  2. Use the console to either

    1. Replace the Token JSON to fix errors causing the issues

    2. Run a command to perform a hard reset

  3. Restart the Tokens Studio Plugin


1 - Open the Console

  1. Open your browser’s developer tools:

    1. • Mac: Press Cmd + Option + I

    2. • Windows: Press Ctrl + Shift + I

  2. Navigate to the Console tab.


2A - Replace the Token JSON

To replace the Token JSON, first you need to export it from the console. Then you can paste it into a code editor of your choice to make changes as needed, and paste the new JSON back into the console.

Export the JSON from the console

In the console, enter the following code then press enter:

figma.root.getSharedPluginData("tokens", "values")

This data identifier retreives the JSON from the Tokens Studio Plugin data stored in the Figma file.

Once you press enter, the JSON from the Tokens Studio Plugin are displayed in the console, as shown below in the blue text located below the command.

At the end of the JSON displayed in the console there is a Copy JSON button you can use to export the code to your clip board.

Once you've copied the JSON from the console, you can paste it into a code editor (like VS Code) to make changes as needed.

Paste your edited JSON back into the console

After editing the JSON in a code editor, you can paste it back into the console at the end of this command between quotes:

figma.root.setSharedPluginData("tokens", "values", "EDITEDJSONHERE")


2B - Hard Reset Tokens JSON

In the console, enter the following code then press enter:

figma.root.setSharedPluginData("tokens", "values", "")


3 - Restart the Plugin

Close the console and open the Tokens Studio plugin.

You’ll see the Get Started screen, indicating a successful reset.

Key Tips: • Always back up your JSON before resetting. • For synced tokens, re-pull from your repository after resetting to restore data.

PreviousStyle Dictionary + SD TransformsNextContribute

Last updated 1 day ago

Was this helpful?

If you want to hard reset the Tokens Studio Plugin, removing all Token Data from Figma file, open the console using the .

steps described above ↑
Opening the Console tab in the Developer Tools
Pasting Plugin Data and the fixed JSON in the Console