Welcome to GitFig
GitFig is a Figma plugin that enables bi-directional sync between Figma and GitHub. It brings version control workflows to your design system, allowing you to manage design tokens, variables, and styles with the same Git-based collaboration you use for code.
Why GitFig?
Design systems live in two worlds: designers work in Figma, while developers work in code. Keeping these in sync is painful:
- Manual copy-paste of color values leads to errors
- No version history for design decisions
- No way to review design changes like code changes
- Tokens in code drift from Figma over time
GitFig bridges this gap by syncing your Figma Variables directly with JSON token files in GitHub.
Two Modes
GitFig offers two distinct modes for different workflows:
Design Sync Mode
Connect any Figma Design file directly to a GitHub repository. Perfect for:
- Design token management - Sync colors, spacing, typography as JSON
- Multi-brand themes - Use branches for different brand variations
- Design reviews - Create PRs from Figma for team review
GitHub Repository Figma Design File
───────────────── ─────────────────
tokens/colors.json ←→ Color Variables
tokens/spacing.json ←→ Number Variables
tokens/typography.json ←→ Text Styles
Make Bridge Mode
Sync Figma Make's auto-created repositories to your own target repos. Perfect for:
- Overcoming Make limitations - Push to any repo, not just auto-created ones
- CI/CD integration - Trigger builds when designs change
- GitHub Pages - Auto-deploy design previews
Figma Make → Make Repo → [Webhook] → GitFig → Target Repo
Who Is This For?
| Role | Use Case |
|---|---|
| Designers | Sync your Variables to code without leaving Figma |
| Design Engineers | Manage tokens with Git workflows (branches, PRs, reviews) |
| Design System Teams | Single source of truth for tokens across design and code |
| Developers | Pull design updates automatically, review changes in PRs |
Getting Started
Ready to start? Follow the Installation Guide to install GitFig and connect your first repository.
🚀 Quick Start
Get up and running in 5 minutes with our quick start guide.
📖 Tutorials
Learn GitFig through hands-on tutorials with real examples.