GitFig icon

GitFig

GitFig 是一款 Figma 插件,可双向同步设计令牌与样式到 GitHub,支持仓库文件、分支、提交和拉取请求,助力团队在 Figma 内管理 Git 工作流。

GitFig

概述

GitFig 是一款 Figma 插件,可在 Figma 与 GitHub 之间同步设计令牌和样式。它面向将变量、样式及相关令牌文件保存在仓库中的团队,让用户能够在 Figma 内编辑这些内容,同时保留基于 Git 的分支、提交和拉取请求等工作流。

网站上的产品描述强调双向同步。GitFig 可以连接到或创建 GitHub 仓库,将仓库文件映射到 Figma 集合或样式,并在提交或应用更改之前显示可能被覆盖的内容,然后推送或拉取更改。

功能

连接和创建仓库

将 GitFig 连接到现有 GitHub 仓库,或直接从 Figma 创建新仓库;如有需要,还会生成起始文件。

文件到目标的映射

将仓库文件映射到特定的 Figma 集合或样式类型,然后选择同步一种模式或全部模式。

双向变量同步

双向同步变量,包括按模式键控的集合,让浅色和深色值保持在一起,并完整保留别名的往返同步。

样式同步

在同步变量的同时同步颜色和文本样式,并将样式映射到仓库中的独立文件。

多种令牌格式

支持 W3C Design Tokens、Style Dictionary、Tokens Studio 或自定义 JSON 令牌格式。

插件内的 Git 工作流

直接在 Figma 内创建分支、进行提交和发起拉取请求;在推送或拉取替换现有工作之前进行覆盖检查。

使用场景

  • 维护共享设计令牌

    设计系统团队可以让变量和样式与仓库文件保持同步,使令牌更新与代码更改在同一工作流中进行管理。

  • 通过 GitHub 审查更改

    采用基于 Git 的审查流程的设计师可以创建分支、提交更改并发起拉取请求,无需离开 Figma。

  • 处理多模式主题

    管理浅色和深色主题的团队可以同步多模式集合,让成对的值保持在一起并保留别名。

  • 避免意外覆盖

    希望在设计与工程之间实现更安全交接的团队,可以使用覆盖检查,在确认之前查看推送或拉取将影响哪些内容。

  • 使用现有令牌格式

    已有令牌文件约定的组织可以将仓库文件映射到 W3C Design Tokens、Style Dictionary、Tokens Studio 或自定义 JSON 格式。

Pros and Cons

Pros

  • 作为 Figma 插件运行,因此无需离开设计文件即可处理令牌和样式更改。
  • 支持 Figma 与 GitHub 之间的双向同步,而不仅是单向导出。
  • 可以直接在 Figma 内创建分支、提交和拉取请求。
  • 以仓库中的 JSON 文件形式同步变量和样式,并支持多种令牌格式。
  • 包含覆盖检查,可在推送或拉取替换现有工作之前向用户发出提醒。

Cons

  • 源信息仅确认支持 Figma 插件工作流和 GitHub 仓库;未显示支持其他版本控制系统。
  • 多模式集合需要付费版 Figma 方案,而 Figma Starter 每个集合仅限一种模式。

FAQ

如何开始使用 GitFig?

GitFig 可在 Figma 内连接 GitHub 仓库。源信息显示,用户可以选择或创建仓库;创建新仓库时,GitFig 还可以添加起始文件。

可以在 Figma 中创建分支和拉取请求吗?

可以。源信息称,用户可以在 Figma 中创建分支和拉取请求,无需离开文件。

GitFig 可以同步哪些格式?

GitFig 可将变量和样式同步到仓库文件;源信息称其支持 W3C Design Tokens、Style Dictionary、Tokens Studio 以及自定义 JSON 令牌格式。

GitFig 如何处理更新和覆盖风险?

源信息称,变量和样式的更改会在几秒内显示;在执行推送或拉取之前,GitFig 会显示将被覆盖的内容。

Figma 方案会影响变量模式支持吗?

定价页面指出,多模式集合需要付费版 Figma 方案,而 Figma Starter 每个集合仅允许一种模式。

Quick Facts

类别
设计工具
平台
Figma 插件
主要集成
GitHub
来源域名
gitfig.com
工作流
变量、样式、分支、提交和拉取请求的双向同步