DS3 Docs
Tokens Studio

Setting up GitHub sync in Tokens Studio

Connect Tokens Studio to a design repository so your design tokens stay in sync with the source of truth.

Last updated: 18 July 2026

GitHub holds the source of truth for design tokens. This guide connects Tokens Studio to a repository so you can pull the latest tokens into Figma and push your changes back to the repo. If you want to understand how the sync works or what each credential field means, see the GitHub sync reference.

Before you start

You need three things ready before you connect the sync. If any are missing, the setup will fail.

All three are required

You need the repository and a Personal Access Token in hand before you begin. The plugin cannot connect without them.

Connect the sync

Open Tokens Studio

Open Figma and launch the Tokens Studio plugin. On the start screen, choose New empty file. You will pull the real tokens from GitHub in a moment, so there is no need to create anything locally first.

Add GitHub as a sync provider

Go to the Settings tab.
Under Sync providers, select Add new and choose GitHub from the list.

Fill in your credentials

Complete the form with the values below. Leave Base URL empty, we do not use it at Dawn.

FieldWhat to enter
NameThe name of the repo you're connecting to. For example: dawn-design
Personal Access TokenThe PAT from your Dawn GitHub account
RepositoryThe owner/repo portion of the repo URL. For example: DawnHealthGit/dawn-design
BranchThe branch to sync against. Usually master
Token storage locationThe token folder: tokens

Every field is explained in detail, including why we use folder storage and the Pro licence requirement, in the GitHub sync reference:

Run the initial sync

Save your credentials. The plugin compares your local tokens with the repository and prompts you to push or pull. Choose Pull to bring the design tokens into your file.

Confirm it worked

Open the Tokens tab. You should see every token set loaded from the repository.

Then check that the Push to GitHub button in the bottom left of the window is disabled. You should sit in a read-only state until you intentionally make a change, which confirms your local tokens match the remote. After you've made a change, the Push to GitHub button should switch to an active state, indicating that you have local changes ready to be pushed to the remote GitHub repo.

You're all set

GitHub sync is active. Changes you push from Tokens Studio update the repository, and you can pull updates from the repo at any time.

Keeping in sync

As you work, the plugin shows push and pull indicators that remind you to keep your local tokens aligned with GitHub. Sync regularly so design and development stay on the same set of tokens.

On this page