GitFig Pro - GitHub For Design
The Single Source of Taste
Plugin 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
| Version | 2 |
|---|---|
| Created | September 8, 2026 |
| Last Updated | September 8, 2026 |
| Category | Software development |
| Creator | Dan Schmitz |
| Stats | 1 installs, 1 likes |
| Pricing | Paid |
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
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code