Repository connection and creation
Connect GitFig to an existing GitHub repository or create a new one from Figma, with starter files generated when needed.
GitFig
GitFig is a Figma plugin that syncs design tokens and styles with GitHub in both directions. It supports repository files, branches, commits, and pull requests from inside Figma.
Overview
GitFig is a Figma plugin that syncs design tokens and styles between Figma and GitHub. It is built for teams that keep variables, styles, and related token files in a repository and want to edit them from inside Figma while preserving Git-based workflows such as branches, commits, and pull requests.
The product description on the site emphasizes bi-directional sync. GitFig can connect to or create a GitHub repository, map repository files to Figma collections or styles, and push or pull changes while showing what would be overwritten before anything is committed or applied.
Features
File-to-target mapping
Map repository files to specific Figma collections or style types, then choose whether to sync one mode or all modes.
Two-way variable sync
Sync variables in both directions, including mode-keyed collections where light and dark values stay together and aliases round-trip intact.
Style syncing
Sync color and text styles alongside variables, with styles mapped to their own files in the repository.
Multiple token formats
Work with W3C Design Tokens, Style Dictionary, Tokens Studio, or custom JSON token formats.
Git workflow in the plugin
Create branches, make commits, and open pull requests from within Figma, with overwrite checks before pushes or pulls replace work.
Use Cases
Maintaining shared design tokens
Design systems teams can keep variables and styles in sync with repository files so token updates are managed in the same workflow as code changes.
Reviewing changes through GitHub
Designers working with Git-based review processes can create branches, commit changes, and open pull requests without switching out of Figma.
Handling multi-mode themes
Teams managing light and dark themes can sync multi-mode collections so paired values stay together and aliases are preserved.
Avoiding accidental overwrites
Teams that want a safer handoff between design and engineering can use overwrite checks to see what a push or pull will affect before confirming it.
Working with existing token formats
Organizations with existing token file conventions can map repository files to W3C Design Tokens, Style Dictionary, Tokens Studio, or custom JSON formats.
Pros and Cons
Pros
- Works as a Figma plugin, so token and style changes can be handled without leaving the design file.
- Supports bi-directional sync between Figma and GitHub, not just export in one direction.
- Can create branches, commits, and pull requests from inside Figma.
- Syncs variables and styles as JSON files in a repository, with support for several token formats.
- Includes overwrite checks so users are warned before a push or pull replaces existing work.
Cons
- The source only confirms support for Figma plugin workflows and GitHub repositories; it does not show support for other version-control systems.
- Multi-mode collections require a paid Figma plan, and Figma Starter is limited to one mode per collection.
FAQ
How do you start using GitFig?
GitFig connects to a GitHub repository from inside Figma. The source shows that a repository can be selected or created, and GitFig can add starter files when it creates a new repository.
Can you create branches and pull requests from Figma?
Yes. The source says that branches and pull requests can be created in Figma without leaving the file.
What formats can GitFig sync?
GitFig syncs variables and styles to repository files, and the source says that it supports W3C Design Tokens, Style Dictionary, Tokens Studio, and custom JSON token formats.
How does GitFig handle updates and overwrite risk?
The source says that changes to variables and styles appear within a few seconds, and GitFig shows what would be overwritten before a push or pull runs.
Do Figma plans affect variable mode support?
The pricing page notes that multi-mode collections require a paid Figma plan, while Figma Starter allows one mode per collection.
Quick Facts
- Category
- Design Tool
- Platform
- Figma plugin
- Primary integration
- GitHub
- Source domain
- gitfig.com
- Workflow
- Bi-directional sync for variables, styles, branches, commits, and pull requests
Alternativas ao GitFig
图像大厨imgcook
imgcook is a design-to-code tool that converts design drafts into front-end code. It supports plugin-based and developer workflows for Sketch, Photoshop, VS Code, and CLI usage.
ByteAsk
ByteAsk is a terminal-first AI coding agent for C and C++ that edits repositories and verifies changes with the real compiler, debugger, sanitizers, and tests before showing a diff. It offers a free tier plus paid plans, with editor connectors and zero-retention handling described in the source.
CreateOS Sandbox
CreateOS Sandbox is an isolated compute environment for running code and agent workloads inside Firecracker micro-VMs. It is designed for workflows that need machine-level isolation, private networking between sandboxes, and programmatic control through SDK, CLI, or MCP.
hob
hob is an independent workspace for coding agents that keeps agent sessions, terminals, history, and follow-up work organized around the tools and providers you already use. It is aimed at developers who want local control over routing, history, and workspace structure rather than a bundled model stack.
Ably Chat
Ably Chat is a chat API platform for building custom realtime chat applications. It supports room-based messaging, typing indicators, presence, reactions, and message updates, with usage-based pricing options for different deployment stages.
Manta AI
Manta AI is an autonomous web app testing tool for teams that want to map application behavior, catch regressions, and generate tests without writing scripts or maintaining selectors. It works from a URL and supports plain-English test flows, run results with screenshots, and scheduled or deployment-triggered checks.