GitFig
Sync Figma Variables and Styles with GitHub. Pull tokens, push changes, create PRs from Figma.
Plugin Preview
About this plugin
GitFig v1.2.0
GitFig connects your Figma files directly to GitHub repositories, enabling version control for your design system.
HOW IT WORKS
- Connect to any GitHub repository you have access to
- Map JSON token files to Figma Variables or Styles
- Pull tokens from GitHub to automatically create/update Variables
- Push changes back to GitHub with commits or Pull Requests
GIT-LIKE WORKFLOW
GitFig detects changes to your Variables and Styles in real-time.
Stage the changes you want, write a commit message, and push to GitHub; just like you would with code.
- Unstaged Changes: See what's changed in real time
- Staged Changes: Select which changes to include
- Commits to Push: Customize then review before pushing to GitHub
FEATURES
- Bidirectional sync between Figma and GitHub
- Branch support: switch branches, create new ones
- Create Pull Requests directly from Figma
- Supports W3C Design Tokens, Style Dictionary, and Tokens Studio formats
- Cross-device sync: create commits on one device, push from another
PERFECT FOR
- Design systems teams managing tokens in code
- Designers who want version control for their work
- Teams using GitHub for design-developer handoff
RESOURCES
- Website: gitfig.com - Central Hub
- Documentation: docs.gitfig.com - Guides, Tutorials, Reference
- Community: github.com/ds1/gitfig-community - Inspiration, Connection, Announcements, Support
SPREAD THE LOVE
Leave a "Like" (heart) and share the plugin on social media to help others discover GitFig!
Plugin Details
| Version | 5 |
|---|---|
| Created | December 21, 2025 |
| Last Updated | January 15, 2026 |
| Category | Software development |
| Creator | Dan Schmitz |
| Stats | 34 installs, 21 likes |
| Pricing | Free |
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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.