Figma 在其年度 Config 大會上揭示了多項新的設計與程式碼產品更新,旨在透過 AI 協助創意工作者「進一步推動他們的想法」並自動化繁瑣的任務。其中一部分是重新構想的畫布,Figma 表示現在已針對全端開發進行優化,將團隊、AI 代理、工具和素材「整合在一個地方」。

值得注意的功能包括程式碼圖層,讓您無需離開 Figma Design 畫布即可調整專案程式碼,以及 AI 生成的動態圖形效果,讓您只需向 Figma 的聊天機器人介面描述,即可製作動畫和過場效果。您可以在 Figma 網站上閱讀更多關於所有新產品更新的資訊。

以下是 Figma 對所有已宣布內容的概述:

表達想法的新創意素材

  • 程式碼圖層:直接在 Figma Design 畫布上處理程式碼。複製儲存庫,透過 Figma 的代理生成新方向,將流程提取為可編輯的設計圖層,並將變更同步回程式碼。
  • 動態:直接在 Figma 中協作設計動畫、過場效果和 3D 轉換。透過 AI 提示詞創建動畫,套用預設樣式,或在時間軸上手動調整。動態功能與設計系統連接,由程式碼支援,並準備好發布。
  • 著色器:透過提示詞建立著色器效果和填充,這是由 WebGPU 驅動的客製化視覺處理。以前在 Figma 中無法實現的效果,例如抖動、像素化和各種模糊類型,現在可以直接在畫布上創建。
  • Figma Weave 工作流程:透過 20 多種整合的 Weave 工具在 Figma 中生成一致且高品質的視覺效果,將複雜的 AI 工作流程轉化為畫布上的簡單工具。這是 Figma 與 Figma Weave 之間全面整合的第一步,預計將於今年稍晚實現。

供團隊和代理協作的新智慧工具

  • 代理技能與更深層的上下文:將重複性工作轉化為整個團隊都可以使用的技能,透過 Figma 的代理更精確、更一致地工作。透過第三方連接器、網路搜尋和檔案附件引入更多上下文。
  • 生成式外掛:透過代理建立客製化、可重複使用的外掛,擴展 Figma 的功能。將提示詞轉化為可調整和分享的工具,無需開發者設定或技術技能。