Two-way sync between Figma variables and a token repo, with a three-way diff before anything lands.
What you are looking at
An anonymized Figma plugin panel for pulling design tokens from a Git repo into Figma variables, and pushing edits back as a pull request.
Configure provider, repository, and credentials in settings
Pull Tokens Studio JSON into collections, modes, and styles
Push Figma edits back to the repo with a clean diff
Typography and shadow composites map to native Figma styles
How it works
Setup
Install the plugin from manifest.json in the repo. Connect your Git provider (GitHub or Azure DevOps), repository, and personal access token in the settings tab.
Pull: repo โ Figma
Reads Tokens Studio JSON from the configured branch
Creates or maps Figma variable collections and modes via $themes.json
Imports typography and box-shadow tokens as native text and effect styles
Push: Figma โ repo
Exports variable and style changes back to token JSON
Opens a pull request instead of writing directly to main
Three-way diff compares repo, Figma, and conflicts before apply
This page
This page shows the plugin in a device mockup. Variable binding, Git fetch, and PR creation run inside Figma: install it from the repo to use it on a real file.