DS Bridge Figma plugin

What it does

DS Bridge lets you edit design tokens as Figma Variables and send those edits back to the repository for review. The repository stays the source of truth. It works on the free Figma plan, and nothing is written to main directly.

Pull the kit generated from code

Pull brings the latest tokens from the library into Figma Variables, showing the plan before anything is written. Tokens changed on both sides show as conflicts for you to decide.

When the repository has component specs, Pull can also build the coded components as component sets bound to those variables, once you tick Also pull components.

Push variables and components

Push sends your edits either to Send for review or to Try in an exploration.

Variable edits become one draft pull request with a change table, contrast before and after, and the risk tier. Blocking guardrail problems disable Send for review.

Each component change goes to its own library change: an exact token change, a spec that a developer builds with Claude, then a person reviews, or Fix in Figma first when the scan cannot read it with confidence.

Fidelity check

Compare with code, in the Pull preview, compares every generated variant with an image of it rendered from code, and says Matches the code or Differs from the code. Nothing in the file changes.

On a component that differs, Ask Claude to fix it hands it to your team's Claude. It needs the automatic measure of your components, which a developer turns on once.

Install it

The Figma Community listing is not live yet: it has been in review since 2026-10-16. Until then, install it in the Figma desktop app:

1. Download the plugin and unzip it. The link always gives the latest version.
2. In Figma, open Plugins > Development > Import plugin from manifest... and pick manifest.json in the bridge-figma-plugin folder.
3. Run it from Plugins > Development > Bridge.

Update it

Download the zip again and unzip it over the old bridge-figma-plugin folder, replacing its files. Nothing to import again: Figma runs the new version and keeps your sign-in.

If you imported a second copy, Figma lists Bridge twice and you can't tell which one runs. Open Plugins > Development > Manage plugins in development and choose Remove local version on the older one.

Developers can build it from the repository instead: npm install, then npm run plugin:build, and import apps/figma-plugin/manifest.json.

What you need

A Bridge account in your team, the one you use in Studio. In the plugin, choose Sign in with Bridge: your browser opens Studio, you pick your team, and the plugin connects to your design system. No token to paste. When the sign-in expires, the plugin asks you to sign in again.

The sign-in stays on this computer, never in the Figma file. GitHub only, no GitLab or Bitbucket.

Developers can connect with their own fine-grained GitHub token instead, under For developers in the plugin's Settings.