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.
How It Works
GitFig connects your Figma file directly to a GitHub repository, enabling bi-directional sync:
GitHub Repository Figma Design File
───────────────── ─────────────────
tokens/colors.json ←→ Color Variables
tokens/spacing.json ←→ Number Variables
tokens/typography.json ←→ Text Styles
Key capabilities:
- Pull - Fetch JSON tokens from GitHub and create/update Figma Variables
- Push - Export Figma Variables and Styles to JSON files in GitHub
- Branches - Work with different branches for variations or experiments
- Pull Requests - Create PRs directly from Figma for team review
GitFig supports multiple token formats including W3C Design Tokens, Style Dictionary, and Tokens Studio.
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.
Have a feature idea, question, or feedback? Join the GitFig Community to share your thoughts and connect with other users.
🚀 Quick Start
Get up and running in 5 minutes with our quick start guide.
📖 Tutorials
Learn GitFig through hands-on tutorials with real examples.