Figma 推出 Specs 與程式碼圖層更新
先了解這件事
2026年10月15日,Figma 宣佈推出 Markdown 編輯器 Figma Specs,讓團隊整理設計語言及相關資源,供自家和第三方 Agent 參照品牌規則。Specs 可獨立存在或置於畫布,並連結設計、圖表及程式碼等上下文。後續報道補充,Specs 可嵌入 FigJam 檔案、畫框或畫布節點,編碼智能體亦可透過 Figma MCP server 讀取規格及相關內容;公測正逐步向所有付費方案推出,支援網頁、桌面及流動版。Figma 同時逐步向所有方案推出程式碼圖層公測,讓團隊在共享畫布建立、比較及迭代原型;用戶可從 GitHub 或本地資料夾匯入程式碼,或用 Figma Chrome extension 將即時網頁帶入畫布,再透過 Figma agent 調整互動。程式碼圖層會使用 AI credits;付費方案的建立及編輯功能於2026年11月4日前免費。其他更新包括設計系統管理、Payload 及 Figma MCP。
AI 根據報道生成 · 49 分鐘前更新
報道時間線
沿着報道,瞭解事件的不同側面。
- Figma AI / Agent / MakeFigma 推出多項工作流更新,串連設計、程式碼與 AI 智能體
Figma 宣佈多項工作流更新,涵蓋 code layers、設計系統管理、Specs、Payload,以及 Figma MCP。code layers 今日開始逐步推出 open beta,適用於所有方案;Specs 亦開始在 web、desktop 和 mobile 逐步推出 open beta,適用於所有付費方案。
- Figma AI / Agent / MakeFigma code layers 如何讓團隊在共享畫布上協作設計與程式碼
Figma 開始推出 code layers 公測,讓團隊在共享畫布上以程式碼建立、比較及迭代原型。用戶可從 GitHub 或本地資料夾匯入原型程式碼,也可用 Figma Chrome extension 將即時網頁帶到畫布,並透過 Figma agent 調整互動。code layers 會使用 AI credits;付費方案的建立及編輯功能在 2026 年 11 月 4 日前免費。
- Figma AI / Agent / MakeFigma 推出 Specs,將 Markdown 規格帶入協作畫布
Figma 推出 Specs,讓團隊把 Markdown 文件轉成可協作的規格,並與畫布上的設計、圖表及程式碼等內容並列。Specs 可嵌入 FigJam 檔案、畫框或畫布節點;透過 Figma MCP server,編碼智能體亦可讀取規格及其連結的上下文。Specs 即日起開始向付費方案逐步推出公開測試版,支援網頁、桌面及流動版。
- TechCrunch · AIFigma 推出 Figma Specs 等功能,協助 Agent 遵循品牌設計規則
Figma 宣佈推出 Markdown 編輯器 Figma Specs 等功能,讓團隊整理設計語言及相關資源,供自家和第三方 Agent 參照品牌規則。Figma Specs 可獨立存在或放在畫布內,並可引用畫布元素、FigJam 圖表、程式碼圖層和設計;程式碼圖層則開放公測,Agent 可按設計生成或修改程式碼以迭代原型。
本事件熱度走勢
還沒有足夠的連續觀測數據,暫不繪製趨勢。