Back to Plugins
GitFig Pro - GitHub For Design

GitFig Pro - GitHub For Design

The Single Source of Taste

Plugin Preview

GitFig Pro - GitHub For Design preview

About this plugin

GitFig - GitHub for DesignGitFig brings version control to your design workflow. Sync design tokens, variables, and styles between Figma and GitHub with full Git workflows: branches, commits, pull requests, and change detection.Design SyncConnect any Figma Design file directly to a GitHub repository. Perfect for design systems:• Pull JSON tokens from GitHub to create Figma Variables and Styles• Push Figma Variables and Styles back to GitHub as design tokens• Git-style commits: see every change, check the ones to commit, push• Safe pulls: GitFig asks before overwriting uncommitted edits, and any pull can be undone in one step• Switch branches and create pull requests from Figma• Supports W3C, Style Dictionary, and Tokens Studio formats• Alias references round-trip cleanly ({Collection.path.to.token})Variable Modes (GitFig Pro)Sync every mode of your variable collections (light/dark, multi-brand, density) in both directions with mode-keyed token files:• Root keys are mode names; every mode is structurally identical• One variable × N mode values on pull, never duplicates• Per-mode change detection• One atomic commit for all mapped filesFree vs GitFig ProThe core workflow is free: bi-directional sync, branches, pull requests, the commit and staging workflow, and all token formats. Single-mode variable and style sync and the alias export fix are included too.Variable modes sync (every mode of a collection, both directions) is part of GitFig Pro, a paid plan at $10/user per month, billed by Figma through the Community. You start it from inside the plugin.Important: Variable modes are limited by your Figma plan. The Figma Starter plan allows one mode per collection, so multi-mode sync requires a paid Figma plan.Key Features• Branch support: create and switch branches from Figma• Pull requests: open PRs for design changes directly from Figma• Change detection: Pull shows how many new commits are waiting and what the latest one says• Conflict warnings: pushing over unpulled commits, or pulling over uncommitted edits, asks first• Secure OAuth: GitHub Device Flow authenticationPerfect For• Design system teams keeping tokens in sync with code• Teams maintaining light/dark or multi-brand themes• Teams collaborating on design-to-code handoffGetting Started1. Install the plugin2. Authenticate with GitHub3. Connect your Figma file to a repository4. Map your token files and PullVisit gitfig.com for documentation and support. Docs: docs.gitfig.com

Plugin Details

Version2
CreatedSeptember 8, 2026
Last UpdatedSeptember 8, 2026
CategorySoftware development
CreatorDan Schmitz
Stats1 installs, 1 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    GitHub API access for repository sync and OAuth authentication

  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.gitfig.com
    • https://*.githubusercontent.com
    • https://api.github.com
    • https://github.com