Figma 推出設計智慧體：用提示詞直接在畫布上生成定製外掛

以前在 Figma 裡畫介面，如果想批次重新命名圖層、抓取線上資料或者做個專屬佈局工具，設計師通常只有兩條路：要麼去社群碰運氣找外掛，要麼硬著頭皮找前端工程師幫忙寫指令碼。

Figma 在 Config 大會上正式推出了設計智慧體。最抓眼球的變化在於，現在你只要在畫布上打字描述需求，AI 就能即時幫你搓出一個能跑的可複用外掛。

一句話把想法變成畫布上的小工具

這次推出的生成式外掛完全不需要本地開發環境，也不需要設計師懂程式碼。智慧體在後臺生成邏輯，介面則直接套用 Figma 的 PropsKit 元件庫，做出來的外掛視覺上和原生工具毫無二致。

產品設計師 Edward Chechique 就用它做了一套把 HTML 直接轉成畫布圖層、自動排版儀表盤的小工具。他提到以前想做這種定製流程，要麼求工程師排期，要麼在各種外部 AI 網頁之間來回複製貼上，現在直接在畫布裡對話就能搞定。

除了常規邏輯外掛，智慧體還能幫你寫 WebGPU 著色器程式碼。像粒子拉伸、畫素化、噪點、水彩紋理或者鏡頭畸變這類以往必須靠外部影像軟體匯出的效果，現在都能在畫布上直接生成並即時渲染。

創意技術專家 Anna Zhang 在測試時把攝影作品做成了帶有金屬壓花和大理石紋理的混合效果。她覺得這更像是一種談判，自己把控功能方向，AI 負責搭建控制引數與介面。

讀懂設計規範與真實業務

要讓 AI 產出能用的東西，光靠一句簡單的提示詞往往不夠。Figma 這次給智慧體塞進了更深的設計上下文支援。

你可以直接把使用者訪談記錄、UX 文案文件或者資料包告拖進對話方塊，AI 會參考這些背景來執行任務。如果你貼上另一個 Figma 檔案的連結，它拿到的不是一張扁平截圖，而是完整的元件結構、設計變數、佈局和樣式定義。

智慧體甚至支援網頁搜尋和 MCP 外部工具連線。比如做餐飲類介面時，它能即時抓取真實的餐廳名字與圖片填充佔位，而不是反覆生成那些毫無生氣的假資料。

在費用門檻上，Figma 採取了相對寬鬆的做法：無論是你自己生成的、同事分享的還是社群淘來的外掛和著色器，所有人都能免費執行；只有讓智慧體動手寫外掛和著色器的過程，在全面開放後才會消耗 AI 點數。

為什麼重要

我們認為，Figma 這一步走得相當敏銳。過去一年很多設計工具都在死磕「文生介面」，但實際工作中 AI 直接畫出來的版面往往無法落地，設計師反而要花更多時間去清理圖層。

把 AI 的能力下放到「為設計師造工具」，價值明顯實在得多。對於設計團隊來說，每個團隊都有自己奇奇怪怪的命名規則、資料匯入習慣和業務流程，以往為了這些小需求去麻煩工程師並不現實，現在設計師自己花兩分鐘就能拼裝出趁手的指令碼。

對行業而言，這也改變了設計工具的生態競爭。當工具的生產門檻降到只剩自然語言，外掛不再是少數懂程式碼設計師的專利，個人工作流能夠以極低成本固化為團隊資產。

不過隱患依然存在。生成式外掛目前只能處理 Figma 內部邏輯，如果要呼叫第三方 API 或外部 AI 服務，依然得走傳統外掛開發流程。此外，完全不懂程式碼的設計師在遇到邏輯邊緣情況或外掛報錯時，排查依然只能寄希望於 AI 重新生成，這需要智慧體在容錯和除錯上有足夠強的表現。