GitFig icon

GitFig

GitFig 是 Figma 外掛,可雙向同步設計代幣與樣式至 GitHub,並在 Figma 內管理儲存庫檔案、分支、提交與合併請求,簡化設計協作流程。

GitFig

概覽

GitFig 是一款 Figma 外掛,可在 Figma 與 GitHub 之間同步設計代幣與樣式。它適合將變數、樣式及相關代幣檔案保存於儲存庫中的團隊,讓團隊能在 Figma 內編輯這些內容,同時保留分支、提交與合併請求等以 Git 為基礎的工作流程。

網站上的產品描述強調雙向同步。GitFig 可以連線至或建立 GitHub 儲存庫,將儲存庫檔案對應至 Figma 集合或樣式,並在推送或提取變更時,先顯示即將被覆寫的內容,再進行提交或套用。

功能

儲存庫連線與建立

將 GitFig 連線至現有的 GitHub 儲存庫,或直接從 Figma 建立新的儲存庫;必要時會產生起始檔案。

檔案至目標的對應

將儲存庫檔案對應至特定的 Figma 集合或樣式類型,接著選擇同步單一模式或所有模式。

雙向變數同步

雙向同步變數,包括以模式為索引的集合,讓淺色與深色值保持在一起,並完整保留別名的往返同步。

樣式同步

同步色彩與文字樣式,以及變數;樣式會對應至儲存庫中的專屬檔案。

多種代幣格式

使用 W3C Design Tokens、Style Dictionary、Tokens Studio 或自訂 JSON 代幣格式。

外掛中的 Git 工作流程

在外掛中執行 Git 工作流程:建立分支、進行提交,以及從 Figma 內開啟合併請求;在推送或提取取代現有工作前,會先進行覆寫檢查。

使用情境

  • 維護共用設計代幣

    設計系統團隊可以讓變數與樣式和儲存庫檔案保持同步,將代幣更新納入與程式碼變更相同的工作流程中管理。

  • 透過 GitHub 審查變更

    採用以 Git 為基礎之審查流程的設計師,可以直接在 Figma 中建立分支、提交變更及開啟合併請求,不必切換離開 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
工作流程
變數、樣式、分支、提交與合併請求的雙向同步