終結設計與開發的隔閡,Figma 推出「程式碼圖層」打造全端無縫協作新紀元

https://technews.tw/2026/06/25/figma-now-has-ai-motion-graphics-and-shader-tools/

2026/06/26

圖文引用自:technews.tw

Figma 6 月 24 日於年度 Config 大會上公布一系列更新,將程式碼、動畫與 AI 工具更緊密整合進設計流程,並把協同合作畫布重新定位為更適合全端開發的工作空間。這次更新的核心,是讓設計師、產品經理與工程師能在同一介面中更直接地試驗想法,而不必先把重點放在可直接上線的精緻程式碼上。

最受關注的新功能之一是 code layers(程式碼圖層),使用者可在 Figma Design 畫布上直接操作程式碼,包括複製(clone)程式庫、從程式碼中抽取流程並轉成可編輯的設計圖層,然後將修改同步回程式碼。Figma 產品長 Yuhki Yamashita 表示,程式碼圖層讓團隊能更快疊代概念,適合快速探索不同方向,而不需一開始就追求可直接部署的生產級程式碼。

Figma 也把動態設計能力拉進平台內,新增對動畫、轉場與 3D 變形的支援。過去設計師常需在其他軟體製作動畫再轉換成可被理解的程式碼,現在動畫與轉場可以直接在 Figma 中建立,並可透過 AI 產生部分素材或使用預設樣式,或在時間軸上手動調整。

另一項更新是 shaders(著色器)功能,使用者可透過提示詞建立特效與填色,並使用 WebGPU 支援新的視覺處理效果,例如 dither(抖動)、pixelate(像素化)與多種模糊型態。這些過去在 Figma 中難以直接完成的效果,現在可在畫布上直接製作。…

提供相關智權新聞
若您有智權相關新聞,也歡迎透過email連繫。
返回頂端

探索更多來自 華鼎專利商標 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading