GitFig
The Figma plugin that versions design like code
Bi-directional sync for design systems and prototypes. Bring version control, branches, and pull requests to your design workflow.
Install GitFigFree plugin for Figma Desktop and Web.
Two Modes
One plugin for all your Figma-GitHub needs
Design Systems
Connect Figma Design files directly to GitHub repos. Sync design tokens, variables, and styles bi-directionally with full Git workflows.
- Pull tokens from JSON to Figma Variables
- Push Figma Variables back to GitHub
- Switch branches for design variations
- Create PRs for design reviews
- W3C, Style Dictionary, Tokens Studio support
Figma Make Prototypes
Overcome Figma Make's limitations. Sync Make's auto-created repos to your own repositories with branches and PR workflows.
- Sync to any target repo you choose
- Auto-sync via webhooks on push
- Create PRs or push directly
- Reverse sync (pull changes back)
- Conflict detection and diff viewer
Features
Git workflows, designed for designers
Branches
Create and switch branches from Figma. Experiment with design variations without affecting production.
Pull Requests
Open PRs for design changes. Get code review on design system updates before merging.
Change Detection
See when files update on GitHub. Get notified of new commits and sync with one click.
Conflict Warnings
Know when Figma and GitHub have diverged. Prevent accidental overwrites with clear warnings.
Version History
Every sync is a commit. Roll back to any previous version of your design system.
Secure OAuth
Authenticate securely with GitHub Device Flow. Your tokens stay safe in Figma's encrypted storage.
Use Cases
Built for teams who ship
Design System Teams
Keep design tokens in sync between Figma and code. One source of truth.
Figma Make Users
Ship Make prototypes to your own repos with branches and PRs.
Design-Dev Collaboration
Designers propose via PR. Developers review and merge.
Getting Started
Up and running in minutes
Install the Plugin
Search for "GitFig" in the Figma Community or install directly from the plugin page. Works with Figma desktop and web.
Connect to GitHub
Authenticate with your GitHub account using secure Device Flow. You'll get a code to enter at github.com/login/device. Your token is stored safely in Figma's encrypted storage.
Choose Your Mode
Design Sync: Connect a Figma Design file to a GitHub repo. Map JSON files to Figma Variables and start syncing tokens.
Make Bridge: Link your Figma Make repo to a target repository. Set up webhooks for auto-sync on every push.
Pull & Push
Pull to import tokens from GitHub into Figma Variables. Push to export your Figma changes back to GitHub. Create branches for experiments, open PRs for reviews.
Stay in the loop on GitFig
Join the GitFig Community