Launched this week

GitFig

Launched this week

Sync Figma with GitHub

18 followers

Sync Figma with GitHub

18 followers

Visit website

Interface design tools

•

Git clients

•

Vibe Coding Tools

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.

Free

Launch tags:Design Tools•Developer Tools•GitHub

Launch Team / Built With

Topview Motion StudioGet a launch video for about $3, not thousands

Promoted

Maker

📌

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.

Report

1d ago

Forum Threads

p/gitfig

•

5h ago

Comparison of GitFig vs Tokens Studio

How GitFig compares to Tokens Studio and other ways teams put design tokens under version control

GitFig connects a Figma file directly to a GitHub repository and gives Figma's native Variables and Styles a real Git workflow: change detection, staged commits, branches, and pull requests, all from inside Figma. Tokens land in your repository as standard W3C Design Tokens JSON that any DTCG-capable tool (Style Dictionary, your build pipeline, other design tools) can consume.

p/gitfig

•

1d ago

GitFig - Sync Figma and GitHub

View all