Figma Make beta 支援直接編輯 codebase!加入 Git 分支與 PR 工作流程

Figma Make beta 支援直接編輯本機 codebase 與 Git 工作流程

Figma 正把 AI 輔助設計工具推向更接近實際開發流程的位置。根據 AlternativeTo、Figma 官方部落格與 Figma Help Center 說明,Figma Make 現在於 beta 桌面應用程式中支援直接連接本機 codebase,讓使用者在可視化介面中編輯正在執行的 Web 應用,並透過 Git 工作流程建立分支、提交本機變更與開啟 pull request。這代表 Figma Make 不再只是用來產生原型或匯出新專案,而是開始嘗試進入既有產品程式碼的日常協作環節。

Figma Make 將設計介面與產品程式碼工作流程連接

可視化編輯直接作用於正在執行的應用程式

Figma 官方說明指出,Figma Make 現在可以連接 Git repository,並在 Make 內開啟使用真實資料執行的應用程式。使用者可以透過屬性面板調整版面、顏色、字體與間距,也可以在特定元素上留下 contextual annotations,或直接以對話描述想修改的互動與動畫。Figma 的 agent 會讀取周邊程式碼脈絡並更新相應檔案,使設計修改不再停留在靜態稿或獨立沙盒中,而是能反映到現有 Web codebase。

GitHub 原生支援分支、推送與 pull request

這次更新的關鍵在於 Git 工作流程。AlternativeTo 指出,新版 Figma Make 支援 branching、local commits 與 pull request creation,方便團隊進行審查。Figma Help Center 也補充,GitHub 在 Figma Beta desktop app 中獲得原生支援,包含 clone repository、push branches 與建立 pull requests;GitHub Enterprise Cloud 也在支援範圍內。GitLab 與 Bitbucket 則可透過 SSH 部分支援 clone 與 push branches,但 pull request 仍需到各自平台介面處理。

設計變更仍保留工程審查與部署防線

VentureBeat 將這項更新形容為 Figma Make 的雙向 GitHub 整合,因為設計端不只產生新專案,也能對既有 codebase 做出變更。重要的是,這些變更並不會自動合併到 production。Figma Help Center 表示,Make 不會自行 merge code,修改會先留在本機,等使用者推送分支並建立 pull request 後,再依照團隊既有的 code review、CI、資安檢查與部署流程前進。這讓 AI 視覺編輯更容易被納入企業治理,而不是繞過工程控管。

Figma Make Git 工作流程讓設計與工程審查更接近

封閉 beta 階段仍有平台與存取限制

目前這項功能仍處於封閉 beta。Figma Help Center 說明,codebase 能力在封閉測試期間免費提供給有限使用者,存取採 waitlist 分批開放;現階段僅支援 Mac,Windows 支援仍在規劃中。Figma 也提醒,Make 主要適合既有畫面的 UI 修改,例如版面調整、元件替換、間距與顏色修正、從 Figma frame 實作新設計,以及在功能上快速迭代;它不適合大型架構重構、後端或 API 工作、基礎設施變更,也不是用來從零建立完整新應用的工具。對產品團隊而言,這次 beta 更像是把設計調整推進到正式工程流程中的一次實驗,而不是取代工程師的完整開發環境。

新聞資料來源

https://alternativeto.net/news/2026/5/figma-make-enables-direct-codebase-editing-and-git-workflows-in-beta/
https://www.figma.com/blog/figma-make-now-on-your-local-code/
https://help.figma.com/hc/en-us/articles/40789739982871-Make-in-your-local-codebase-Setup-gotchas-and-troubleshooting
https://venturebeat.com/technology/are-designers-the-new-swes-figma-makes-new-two-way-github-integration-turns-designs-into-live-production-code-with-built-in-governance

返回頂端