Push to Code

Commit Message

PR Description (optional)

Configure GitHub

Personal Access Token

Create at: GitHub → Settings → Developer settings → Fine-grained tokens
Permissions: Contents (read/write), Pull requests (read/write)

Repository

GitHub Owner / Org

Repository Name

Base Branch

Token Source Mode

CSS mode auto-discovers your globals.css and falls back to DTCG if not found. Use DTCG to force the legacy token file.

DTCG Token Path

Path to the DTCG token file (used in dtcg mode or as fallback in auto mode)

CSS Token Path (optional)

Overrides CSS auto-discovery when set.

Also update DTCG on Push to Code

When enabled, the plugin also commits tokens.dtcg.json as a generated artifact.

Allow New Tokens from Figma

Disabled by default. When enabled, new token keys can be added to code on push.

Authentication

GitHub Personal Access Token

Create at: Fine-grained tokens
Permissions: Contents (read/write), Pull requests (read/write)

Display (Optional)

Project Name

Used in PR descriptions. Defaults to owner/repo if empty.

License

License Key

Unlocks GitHub PR and two-way sync. Leave blank to keep existing key.

⚡

The plugin scans components from your local Next.js dev server.

In your project root:

$pnpm inkbridge:dev

Once it's running, click Retry. First time? See the setup guide — you may need to run pnpm exec inkbridge setup first.

Select all Select none

Push to Code requires an Inkbridge Pro license.
Enter your license key in Settings to activate.

PRO

⚙ Project Settings

Select what to include in the pull request:

Detecting changes...

Commit Message

PR Description (optional)