Figma於周三發布了一次重大更新，新增了代碼層功能、運動與著色器支持，以及利用AI創建自定義插件的能力。
這款設計平台長期以來致力於將代碼集成引入其工具中。去年，Figma推出了基於AI提示詞的原型設計工具Figma Make，並相繼與Claude Code和Codex實現集成，以改善編碼與設計之間的交接流程。
此次更新，Figma將代碼層直接引入協作畫布，幫助團隊克隆代碼倉庫，並將代碼中的流程提取為設計層以供測試。
Figma首席產品官Yuhki Yamashita表示，代碼層的加入讓設計師、產品經理和開發工程師能夠更便捷地疊代創意，而無需過分關注生產級代碼的質量。
他在一次通話中表示："我們認為多人協作畫布非常強大，因為在這個環境中，你根本不需要在意代碼質量。如果你需要快速探索或嘗試多個新方向，完全可以用這種空間化的方式來實現。我們希望這個功能不僅能改變設計師的工作方式，也能影響工程師和產品經理的協作行為。"
Figma現在還支持動畫、過渡效果和3D變換。此前，設計師必須在其他軟體中製作動畫，再將其轉換為應用程式可識別的代碼。如今，設計師可以直接在Figma中集成動畫和過渡效果。
用戶現在還可以藉助AI生成這類資產，此次更新同樣支持通過AI添加著色器效果與填充樣式。
去年，Figma收購了基於節點的工具Weavy，該工具可幫助設計師通過不同模型運行工作流程以對比輸出結果。目前Figma正致力於更深度地整合這兩款應用。在今年晚些時候推出的更新中，用戶將能夠直接在Figma內部生成Weavy工作流程。
此外，Figma還為其AI助手新增了多項技能，以增強其在協作畫布中的實用性。用戶現在可以通過文本提示創建可復用的技能，供AI智能體調用。用戶還可以連接Notion、Granola、Excel和GitHub等工具，或上傳文件，為AI機器人提供更豐富的上下文資訊，以便更好地理解用戶需求。
Figma還新增了一項功能，幫助用戶通過提示詞創建自定義插件，例如布局生成器或向量路徑追蹤器。
Q&A
Q1：Figma新增的代碼層功能具體能做什麼？
A：Figma新增的代碼層功能允許團隊直接在協作畫布中克隆代碼倉庫，並將代碼中的流程提取為設計層進行測試。這一功能的核心價值在於降低了對代碼質量的要求，讓設計師、產品經理和工程師能夠在同一環境中快速疊代創意，無需關注生產級代碼的規範性，從而提升多角色協作效率。
Q2：Figma現在支持哪些動畫和特效功能？
A：此次更新後，Figma原生支持動畫、過渡效果和3D變換，設計師無需再藉助外部軟體製作動畫後轉碼導入。同時，Figma還引入了AI輔助功能，支持通過AI生成著色器效果和填充樣式，進一步簡化了視覺資產的創建流程。
Q3：Figma的AI智能體新增了哪些能力？
A：此次更新中，Figma的AI助手支持用戶通過文本提示創建可復用的技能，供AI智能體在協作畫布中反覆調用。用戶還可以連接Notion、Granola、Excel、GitHub等第三方工具，或上傳文件為AI提供更多上下文。此外，用戶也可以通過提示詞快速生成自定義插件，如布局生成器或向量路徑追蹤器。
