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, styles, and every mode in your repos as JSON, with branches, commits and pull requests from inside Figma.
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.
What started out as a personal tool has already evolved into a collaboration powerhouse used by several hundred designers and engineers.
Traditionally, designers updated their designs and vibe prototypes in Figma, toss it over to the engineers, and they translate them into tokens and code. These handoffs tend to be inefficient, inconsistent, prone to mistakes, and difficult to version, reference, and maintain.
It's gotten worse for devs needing to fix and maintain AI slop, and for designers to bring their coveted taste. For design engineers, this tool simplifies and accelerates the work.
GitFig connects your parsed Figma files directly with GitHub repos. Design tokens, like Figma variables, become code, enabled through full Git workflows.
For example, now a designer can:
• Pull: Fetch files and changes like `design-tokens.json` from GitHub and automatically create Figma Variables
• Push: Export Figma Variables back to GitHub with a commit
• Branch: Create feature branches to experiment with variations
• PR: Open pull requests for design changes, just like code
What this enables:
• Versioning system for designs that are useful across disciplines and teams
• Designers propose changes via pull request to facilitate developer review before merging
• A/B tests for design variations on separate branches
• Rollbacks to any previous version of your design files or design system
• Single source of truth for colors, spacing, typography, etc.
• Audit trail for every design decision
I hope you enjoy using the product and that GitFig keeps your software design and engineering teams, workflows, and files in sync.