Figma 推出工具，引導 AI 代理在其平台上的工作方式

前言

在印度舉辦的首屆 Config 活動上，Figma 推出一系列新功能，讓團隊能更掌控 AI 代理在其設計平台上的工作方式。這些公告主要著重於協助使用者定義品牌的設計語言、提供代理相關的設計與程式碼脈絡，以及探索更具互動性的原型。隨著 AI 讓程式碼和產品概念更容易生成，團隊仍需要方法，引導這些產出符合自身系統與目標。Figma 全新的 Markdown 編輯器、透過 MCP 擴大對工具的支援，以及程式碼圖層公開測試版，都是為了解決這項挑戰而設計。該公司也說明了 Payload 無頭內容管理系統與 Figma Make 的整合；Figma Make 是用來生成動態網站的產品。這些發展共同展現 Figma 的目標：從早期探索、設計、原型製作到內容管理，全面支援產品團隊。

懶人包

Figma 最新公布的功能，旨在讓團隊能更清楚地引導 AI 輔助的設計與開發。全新的 Figma Specs 編輯器可讓使用者記錄設計語言，並將指引連結至畫布元素、圖表、程式碼圖層和設計。團隊也能運用設計資源庫、程式碼資源庫和指南，為代理提供集中化的參考資料。程式碼圖層將從私人測試版進入公開測試版，讓使用者打造互動性更高的原型，並要求代理將設計轉換為程式碼或修改程式碼。Figma 也將透過 MCP 支援超過 20 種工具，並把 Payload 整合至 Figma Make。

主要內容

Figma 在印度舉辦的首屆 Config 活動上宣布推出多項新功能，核心目標是讓團隊更有效地定義 AI 代理在平台上的運作方式。這些功能旨在協助使用者傳達設計規範，並為代理提供來自設計系統和程式碼資源的脈絡。團隊不必只依賴籠統的指示，而是可以整理參考資料，引導 AI 生成的成果符合品牌既有的視覺與技術標準。

其中一項重要公告是 Figma Specs，這是一款以 Markdown 為基礎的編輯器，讓使用者能以簡便的方式描述公司的設計語言。這份文件可作為團隊和代理在 Figma 中協作時共用的參考資料。Specs 可以建立為獨立檔案，也可以放在畫布上的工作旁邊，讓團隊自行決定文字指引要與正在進行的設計工作有多緊密的關聯。

Figma Specs 的用途不只是在文字編輯。使用者可以參照其他 Figma 元素，包括畫布上的物件，也可以嵌入 FigJam 圖表、程式碼圖層和設計。這些連結能協助團隊整合說明與範例，讓協作者和代理更完整地了解設計系統的預期用法。例如，書面規則可以搭配視覺素材或實作相關參考資料一同檢視，藉此說明規則的意涵。

團隊也可以加入更廣泛的設計系統脈絡，包括設計資源庫、程式碼資源庫和指南。目標是透過集中化系統提供重要標準，讓代理在生成或修改工作成果時能加以參照。這一點很重要，因為 AI 的輸出並不總是一致：即使收到相似的指示，代理也可能產生不同結果。Figma 希望透過讓相關規則和資源更容易取用，協助使用者引導 AI 得到更可預期的成果，但並未暗示每次產出的結果都會完全相同。

這些公告延續了 Figma 近期擴大開放畫布代理的舉措，讓更多使用者能使用這項功能。該代理讓使用者能直接在設計環境中運用 AI。Figma 最新推出的工具，則提供更有架構的引導方式，尤其適用於仰賴公司特定品牌、設計系統或程式碼慣例的任務。這種做法著重於結合 AI 協助與人為定義的脈絡，而非將生成的成果視為與團隊既有標準無關。

Figma 也宣布更新程式碼圖層。這項功能將程式碼帶入畫布上的設計，支援更具互動性的原型。該公司早在 June 就首次宣布程式碼圖層進入私人測試版。在印度的活動上，Figma 表示這項功能將開放公開測試版，讓更多使用者有機會試用。程式碼圖層旨在讓設計師和產品團隊探索原型的運作方式，而不只侷限於靜態的視覺呈現。

使用者可以要求代理將設計轉換成程式碼，或在反覆調整原型時修改部分程式碼。這讓使用者能在同一個環境中，從視覺設計銜接到著重實作的實驗。團隊也因此多了一種測試和改進構想的方式，之後再決定要建置和發布哪些內容。Figma 將程式碼圖層定位為提升原型互動性的方法，同時也讓 AI 能在使用者引導下參與其中。

Figma 首席設計長 Loredana Crisan 將該平台描述為軟體團隊決定要建置和發布哪些產品的地方。她表示，AI 改變了團隊能夠建置的內容，同時強調了解生成的程式碼在產品開發中扮演何種角色也很重要。Crisan 表示，目前產生的程式碼行數是過去的 17 倍，但發布次數僅增加 1.3 倍。她指出，其中許多程式碼未必是為了正式發布而建立；有些是為了探索產品的可能性，並支援設計而產生。這些數據凸顯了產生程式碼與交付正式版本之間的差異。

除了設計和原型相關公告，Figma 表示其 MCP 支援超過 20 種新工具。公布的工具包括 Open Code、Dia、Grok Bot，以及印度 AI 新創公司 Sarvam。這項支援擴大了能與 Figma 平台協作的工具範圍，也讓團隊在串接工作流程時有更多選擇。這項公告是 Figma 更廣泛努力的一部分，旨在讓其設計環境能適用於日益擴大的 AI 與開發工具生態系。

Figma 也談到 Payload 的整合。Payload 是該公司去年收購的開源無頭內容管理系統。該公司正將 Payload 整合至 Figma Make，這項產品可用於生成動態網站和直接管理內容。這項整合旨在串接網站生成與內容管理，讓團隊能在工作流程中一併處理這兩個面向。Figma 表示，Payload 在過去 12 個月的下載量增加了六倍，這也說明了該公司持續投資這項產品的背景。

印度活動也展現了 Figma 在當地的布局。該公司去年年底在印度開設首間辦公室，負責銷售、合作夥伴關係、市場拓展和產品支援等職能。Figma 表示，就美國以外的使用者人數而言，印度是其最大的市場。該公司也指出，印度孟買證券交易所上市的前 100 大企業中，有 40% 使用 Figma 平台。這些資訊呈現了這些功能公告背後的市場環境；Figma 表示，其在當地擁有大量使用者，並與企業建立了穩固的商業關係。

整體而言，這些公告涵蓋產品工作的多個階段：制定設計標準、提供 AI 代理參考資料、打造互動式原型、串接外部工具，以及管理網站內容。Figma 的做法是在平台內提供更多相關脈絡，同時保留團隊引導和評估 AI 生成成果的能力。新功能並未消除人為判斷的必要性，而是提供更多方式，讓團隊能塑造代理參與設計與開發工作的方式。

重點整理表