Bible Network Crypto DeFi Onchain RWA AI Agent Stablecoin Chain SAFU CryptoTax DeFAI AGI Claude Me Claude Skill Claude Design Claude Cowork
獨立知識媒體
與任何項目無關聯
用 Claude Design,把想法變成可互動的視覺
claudedesign-me.com
最新
Figma 讓設計規則寫給 AI agent 看:Specs 與 Code layers 之後,設計系統文件由誰維護?  ·  只說「用我們的設計系統」不夠:一段可重複貼上的 primer,讓 AI 少用 18px 和 48px  ·  一個畫面要花多少?大多數 AI 設計工具答不出來:六種額度單位,沒辦法直接比價  ·  43.8% 的設計師把一半以上製作時間交給 AI 寫程式:角色落差與那個 7.39 分的滿意度  ·  Claude Design 獨立版 12 月 14 日關閉,Docs、Slides、Design 併入每一場對話  ·  91% 的設計師每週用 AI,62% 說輸出不穩定:採用率背後被忽略的驗證成本
advanced

Figma 讓設計規則寫給 AI agent 看:Specs 與 Code layers 之後,設計系統文件由誰維護?

30 秒速讀
當設計規則變成寫給 agent 看的指令,含糊就不再只是風格問題,而是每次生成都要付一次的成本。

完整解析 +
01 · 為什麼發生?

Figma Specs 是什麼?

Specs 是 Figma 在 10 月 14 日的 Config India 上發表的 Markdown 編輯器,讓團隊寫下設計語言與規則。它可以是獨立檔案或放在畫布上,能引用畫布元素並嵌入 FigJam 圖表、程式碼圖層與設計稿。

重點是它同時給人和 agent 看:agent 設計時可以查閱這份集中的背景資訊,據以遵守品牌規則。方案與價格目前沒有官方細節,Technori 提到是公開 beta、Professional 以上方案,需自行確認。

02 · 運作原理是什麼?

寫了 Specs,agent 就一定會照做嗎?

沒有這樣的保證。報導明確指出,agent 怎麼讀取 Spec、必須多嚴格遵守、Figma 怎麼強制,都沒有交代;Figma 只說正在增加讓結果更可預測的工具,沒有宣稱結果會完全一致。

所以 Specs 比較像是把規則放到 agent 看得到的地方,執行得好不好,要靠你自己的生成紀錄來驗證。

03 · 如何應用

Code layers 是什麼,要付費嗎?

Code layers 讓使用者在設計稿裡加入程式碼,做出更可互動的原型,並可請 agent 把設計轉成程式碼或修改其中一部分。它從 6 月的私測進入公開 beta。

費用方面,Technori 指出付費方案上的編輯在 2026 年 11 月 4 日前免費,之後使用 AI credit。TechCrunch 與 ALM Corp 沒有提到價格,這點同樣是單一來源。

04 · 我該怎麼做?

設計系統團隊現在該做什麼?

不必等 Specs 全面開放。可以先做四件事:把文件裡的形容詞改成具體數值;寫下哪些元件 agent 可以用、哪些不能發明;補上空白、載入、錯誤、無權限等狀態;指定一位負責人,讓文件短到一個人能維護。

再加上一個量測:記錄生成結果被丟掉的比例。這是判斷文件有沒有用的證據,比任何功能介紹都實際。

完整內容 +

10 月 14 日,Figma 在印度舉辦的首屆 Config 上發表了一批功能,其中最值得設計系統團隊留意的是 Specs:一個以 Markdown 為基礎的編輯器,讓團隊把設計語言與規則寫下來,供人與 AI agent 共同參照。Specs 可以是 Figma 裡的獨立檔案,也可以放在畫布上,能引用畫布元素,並嵌入 FigJam 圖表、程式碼圖層與設計稿。團隊也能把設計庫、程式碼庫與指南集中進來,作為 agent 設計時可查閱的共同背景。Figma 說,這同時適用於它自己的 agent 和第三方 agent。

同一場活動裡還有什麼

Code layers(程式碼圖層)從 6 月的私測進入公開 beta,可以讓使用者請 agent 把設計轉成程式碼,或修改其中一部分。Figma 的 MCP 新增超過 20 個工具,報導點名了 Open Code、Dia、Meta Muse 和印度新創 Sarvam。畫布上的 agent 在活動前一週內擴大開放,Figma 說正在增加工具,讓 AI 的結果更可預測。

首席設計長 Loredana Crisan 在說明背景時給了一組數字:現在產出的程式碼行數是過去的 17 倍,但發布次數只多了 1.3 倍。這組數字想說的是,瓶頸已經從「產出」移到「審查」,而 Specs 的用意,就是讓 agent 一開始就少做會被退回的東西。

Specs 解決了什麼,又沒說什麼

先看已知的。TechCrunch 與 ALM Corp 的報導都沒有 Specs 的價格、方案或明確的上市日期;Technori 在 10 月 21 日的文章則寫到 Specs 為公開 beta,提供給 Professional、Organization 與 Enterprise 方案,另外還有 Guidelines(把指南檔掛在已發布的設計庫上,由 Figma 自動傳給 agent,公開 beta)和 Code sources(讓 agent 讀取 GitHub 或 npm 裡的真實元件,封閉 beta)。這些方案資訊只出現在單一來源,使用前請到 Figma 官方頁面確認。

ALM Corp 也直接列出了沒有交代的事:agent 實際怎麼讀取一份 Spec、agent 必須多嚴格遵守、Figma 怎麼強制,以及第三方 agent 現在能不能用。報導也沒有宣稱 Specs 能讓結果完全一致。換句話說,Specs 提供了「規則的家」,但「規則被執行到什麼程度」目前沒有公開說明。

設計系統文件從參考資料變成指令

Technori 的核心論點是:設計系統文件不再只是給人查的參考,AI agent 現在會讀它、照它做。含糊的規則會變成需要人審查、常常被丟掉的輸出,而把規則寫精確,是減少浪費最便宜的做法。文章建議先寫五類內容:元件規則(agent 可以用哪些元件、絕對不能發明哪些)、間距與字型的精確數值而不是形容詞、各種狀態與邊界情況(空白、載入、錯誤、無權限)、內容規則(語氣、大小寫、按鈕文案),以及已淘汰的模式(不要讓 agent 復活它們)。

誰來維護?該文把責任放在產品團隊,並建議文件短到一個人能維護,規則和元件一起隨設計庫發布。

三個要先想清楚的風險

第一,過期的文件會讓 agent 大規模地走錯方向,因為它會一致、有自信地照舊規則做。第二,用量:Technori 指出 Code layers 在付費方案上的編輯在 2026 年 11 月 4 日前免費,之後會使用 AI credit,Specs、Payload 與圖像生成也會消耗額度。第三,可攜性:Specs 本身是 Markdown,但周邊大量的背景資訊存在 Figma 設計庫裡。

文章還提了一個值得記下的反向檢驗:如果一季之後,團隊仍然丟掉大部分生成的結果,那麼文件可能根本不是瓶頸。

這跟你的錢有什麼關係

如果你負責設計系統,現在能做、而且不需要等 Specs 開放的事是:把現有文件裡的形容詞改成數值,把「不要發明」的元件規則寫出來,指定一位負責人,並開始記錄生成結果被丟掉的比例。這個比例才是判斷文件有沒有用的證據,也是日後要不要為額度付費的依據。

如果你在評估 Figma 方案,請注意以上功能多半仍在 beta,方案資訊目前只有 Technori 一個來源,而且 Code layers 的免費期限只到 11 月 4 日。不要為了一則發表會消息先升級,等你能在自己的檔案上實測,再決定。

資料來源:TechCrunch — Figma announces new features to define how agents work on its platform、ALM Corp — Figma Launches Specs to Help AI Agents Follow Design Rules、Technori — Design System Documentation Now Tells AI Agents What to Build (commentary; plan details appear only here)
圖解
寫給 agent 的設計規則:維護循環設計規則交給 agent 產出,由人審查後保留或丟棄,丟棄比例回頭修正規則本身;agent 如何讀取與強制執行,來源中並未交代Design Rules Written for Agents: The Maintenance LoopDesign rulesSpecs / GuidelinesAgentFigma or third-partyGenerated outputDesign / code layersHuman reviewKeep or discardTrack the discard rate; fix the rule, not just the outputNot stated in the sources: how an agent reads a Spec, how strictly it must follow it, how compliance is enforced.Sources: TechCrunch, ALM Corp, Technori (Oct 2026). Plan details appear in Technori only.Claude Design Me · claudedesign-me.com
歡迎截圖分享,轉載請註明來源
提問
請至少輸入 10 個字
相關文章
91% 的設計師每週用 AI,62% 說輸出不穩定:採用率背後被忽略的驗證成本
advanced · 10/19
AI 生成的設計看起來「很好」,為什麼消費者反而更反感?
advanced · 10/02
設計系統為什麼會「漂移」:不是設計失敗,是治理失敗
advanced · 09/05
原型債:AI 十分鐘生成的畫面,三個月後要花多少代價償還?
advanced · 09/03
更多相關主題