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
  • Edit a sync provider
  • Steps in the plugin for Figma
  • Sync provider has been updated
  • Resources

Was this helpful?

Edit on GitHub
Export as PDF
PreviousManage Sync ProvidersNextChange Active Sync Provider

Last updated 23 days ago

Was this helpful?

Edit a sync provider

Once a Sync provider is added to Tokens Studio, you may need to change the credentials.

Steps in the plugin for Figma

Open the Tokens Studio plugin and navigate to the settings page.

  1. Navigate to the sync provider of your choice in the list.

  2. Select the three-dot menu icon on the right side of the sync provider details.

  3. Select edit from the menu options.

Sync provider modal

A modal will open with a form to edit the necessary credentials.

Each provider's form will look slightly different. If you need help on how to fill out the form, make sure to check out their specific documentation for detailed instructions:

Select Save to continue. Sometimes you have to scroll the form to see the save button.

Remote storage providers

Once you Save your credentials, the plugin will compare your Tokens with whats in your repository.

You may see a modal asking you to push or pull to 'sync' the plugin data with your storage provider, depending on the type of provider, permissions, and the Tokens you have in the plugin.

These images show the push and pull modals for a new GitHub sync, but it will look similar for most providers.

Pull from provider

If your sync provider already has Design Tokens, you'll see a dialogue asking if you want to pull your Tokens in.

  • If you select yes

    • Tokens in your remote storage will be pulled into the plugin.

    • Any Tokens currently in the plugin will be replaced with the Tokens in your remote storage, and they can not be recovered.

    • Once the pull is complete, the modal will close and you'll be returned to the Settings page of the plugin.

  • If you select cancel

    • Tokens currently in the plugin will remain, and you can choose to push them to your sync provider later.

    • The modal will close and you'll be returned to the Settings page of the plugin.

  • If you close the modal without making a selection

    • Tokens currently in the plugin will remain, and you can choose to push them to your sync provider later.

    • Closing the modal returns you to the Settings page of the plugin.

Push from local

If your sync provider does not have code files with Design Tokens, you'll see a modal asking if you want to push.

This would push or "send" the current Tokens in the plugin to your sync provider.

  • If you select Push changes

    • The commit message is required.

      • You can think of it as a short note to your engineers about what you are pushing, such as "initial token load."

    • Tokens in the plugin will be pushed to your remote storage.

    • Once the pull is complete, the modal will close and you'll be returned to the Settings page of the plugin.

  • If you select cancel

    • Tokens currently in the plugin will remain, and you can choose to push them to your sync provider later.

    • The modal will close and you'll be returned to the Settings page of the plugin.

  • If you close the modal without making a selection

    • Tokens currently in the plugin will remain, and you can choose to push them to your sync provider later.

    • Closing the modal returns you to the Settings page of the plugin.

Sync provider has been updated

The sync provider will be connected and appear in the settings page as Active.

If you don't want this sync provider to be active in your current file, you can choose a different one from the list.


Resources

Community resources:

  • None yet!

Known issues and bugs

Requests, roadmap and changelog

  • None yet

Tokens Studio Plugin GitHub - Open issues for

Change Active Sync Provider
Sync Providers Manage
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/

Read the Sync Changes guide for more details

Sync Changes to Remote Storage - Push and Pull
Cover

GitHub

Cover

Gitlab

Cover

Azure DevOps

Cover

Bitbucket

Cover

JSONBin

Cover

Supernova

Cover

Token Studio Platform

Cover

URL

Cover

Generic Versioned