Skip to main content

Migrating from Tokens Studio

This guide helps you migrate existing Tokens Studio files to GitFig.

Time: 15 minutes Difficulty: Intermediate

Before You Start​

Tokens Studio exports tokens in a specific format. GitFig can read this format directly.

Step 1: Export from Tokens Studio​

  1. Open Tokens Studio in Figma
  2. Go to Settings → Export
  3. Export your tokens as JSON
  4. Save to your repository

Step 2: Review Token Structure​

Tokens Studio format:

{
  "global": {
    "colors": {
      "primary": {
        "value": "#0066FF",
        "type": "color"
      }
    }
  }
}

GitFig auto-detects this format.

Step 3: Connect with GitFig​

  1. Open GitFig
  2. Connect to your repository
  3. Configure mapping for your tokens file
  4. GitFig detects Tokens Studio format

Step 4: Pull Tokens​

Pull to create Variables from your Tokens Studio file.

Step 5: Verify Variables​

Check that Variables were created correctly:

  • Names match expected structure
  • Values are correct
  • Types are appropriate

Step 6: Push to Standardize​

Push from GitFig to convert to W3C format:

  1. Make any needed edits
  2. Push to GitHub
  3. File is now in W3C format

Format Differences​

Tokens StudioW3C (GitFig export)
value$value
type$type
description$description

Continue with GitFig​

After migration, use GitFig for ongoing token management. You can remove Tokens Studio from your workflow.