Figma 於 6 月 24 日年度 Config 大會上,宣布一系列重大更新,核心在於讓設計師、產品經理與工程師能在同一畫布上更直接地試驗想法,並將修改即時同步到程式碼。

最受矚目的新功能是 程式碼圖層(code layers):使用者可在 Figma Design 畫布上直接操作程式碼,包括複製(clone)程式庫、從程式碼中抽取流程並轉成可編輯的設計圖層,然後將修改同步回原始程式碼。Figma 產品長 Yuhki Yamashita 表示,這功能讓團隊不需先把重點放在可直接上線的精緻程式碼,即可快速試驗構想。

重點

  • 程式碼圖層(code layers):在畫布上直接操作程式庫,設計修改可雙向同步到程式碼
  • AI 動態圖形(AI Motion Graphics):整合 AI 生成動畫,降低動效製作門檻
  • 著色器工具(Shader Tools):開放視覺特效能力,讓設計師直接操控 GPU 著色器
  • 協作定位升級:Figma 將協同畫布重新定位為更適合全端開發(full-stack)的工作空間

編輯按

Figma 這波更新代表設計工具正從「交付稿件」進化為「可運行的開發環境」。程式碼圖層若能普及,將直接衝擊設計→開發的交接流程,對使用 Storybook、Tailwind 等技術的前端工程團隊意義重大。搭配 AI 動態圖形,設計師的技能邊界也將進一步延伸。

本文由 AI 整理,原文:TechNews 科技新報