Figma 6 月 24 日於年度 Config 大會上公布一系列更新，將程式碼、動畫與 AI 工具更緊密整合進設計流程，並把協同合作畫布重新定位為更適合全端開發的工作空間。這次更新的核心，是讓設計師、產品經理與工程師能在同一介面中更直接地試驗想法，而不必先把重點放在可直接上線的精緻程式碼上。
最受關注的新功能之一是 code layers（程式碼圖層），使用者可在 Figma Design 畫布上直接操作程式碼，包括複製（clone）程式庫、從程式碼中抽取流程並轉成可編輯的設計圖層，然後將修改同步回程式碼。Figma 產品長 Yuhki Yamashita 表示，程式碼圖層讓團隊能更快疊代概念，適合快速探索不同方向，而不需一開始就追求可直接部署的生產級程式碼。
Figma 也把動態設計能力拉進平台內，新增對動畫、轉場與 3D 變形的支援。過去設計師常需在其他軟體製作動畫再轉換成可被理解的程式碼，現在動畫與轉場可以直接在 Figma 中建立，並可透過 AI 產生部分素材或使用預設樣式，或在時間軸上手動調整。
另一項更新是 shaders（著色器）功能，使用者可透過提示詞建立特效與填色，並使用 WebGPU 支援新的視覺處理效果，例如 dither（抖動）、pixelate（像素化）與多種模糊型態。這些過去在 Figma 中難以直接完成的效果，現在可在畫布上直接製作。
Figma 同時擴大 AI 助手的用途。使用者可以用文字提示建立可重複使用的 skills，讓 AI 代理執行固定工作；也能連線 Notion、Granola、Excel 與 GitHub 等工具，或附加檔案，讓 AI 擁有更多背景資訊。公司也加入以提示詞建立客製化外掛（generative plugins）的能力，例如版面產生器或向量路徑追蹤器，降低團隊打造可重用工具的門檻。
此外，Figma 正在進一步整合去年收購的節點式工具 Weavy（也稱 Weave/Weavy 或 Weave 工具的相關整合）。公司表示在未來數月內，使用者將能直接在 Figma 內建構 Weavy 工作流程，讓多模型比對與視覺產出流程更緊密地融入畫布操作。
- Figma adds code layers, support for animations, more AI features in new update
- Figma now has AI motion graphics and shader tools
（首圖來源：Figma）
還想知道什麼？TechNews Smart 告訴你
程式碼圖層如何重塑設計開發邊界？
Answer | Powered by TechNews Smart AI
隨著 Anthropic 推出 Artifacts 互動介面與 Figma 深度整合程式碼工具，軟體開發正進入「程式碼即設計」的新紀元。這類技術讓企業能將內部的設計規範與 React、CSS 等程式碼直接對接，使開發者與設計師能在同一畫布上即時預覽互動元件。同時，MIT 提出的概念化架構與微軟的 NLWeb 專案，正試圖將模糊的「氛圍編碼」轉向結構化的意圖驅動開發。這不僅打破了傳統 UI 稿與最終產品間的隔閡，更讓軟體原型到上線的週期大幅縮短，實現了設計語言與底層邏輯的高度統一，有效解決 AI 生成內容與品牌規範脫節的痛點。
這一波變革的核心動機在於解決跨部門溝通產生的「設計債」，並透過標準化協定建立企業級市場的競爭門檻。當 UI/UX 與底層邏輯深度解耦，軟體架構將演變為以「能力」為中心的微服務集群，由 AI 擔任動態調度員。對企業而言，這代表開發門檻的民主化，非技術人員能透過自然語言驅動 API 實現創意；但對專業人才來說，角色將從代碼撰寫者轉向系統架構師與安全審核員。未來企業的競爭力將取決於其 API 的語義可讀性，這將迫使傳統 SaaS 廠商重新定義產品的開放性，以無縫嵌入全球 AI 代理網路並優化營運成本。
AI 代理如何提升產品團隊協作效率？
Answer | Powered by TechNews Smart AI
AI 代理正從單純的輔助工具演進為具備自主執行能力的「數位同事」，顯著改變產品團隊的協作模式。透過微軟 AutoGen 或 OpenAI 的 Workspace Agent 等框架，開發流程已能實現多代理並行協作，將需求分析、程式碼撰寫與自動化測試拆解為獨立任務同步進行。以 eBay 與微軟內部數據為例，這類代理式工作流（Agentic Workflow）能讓開發者透過自然語言定義目標，由 AI 完成從環境配置到提交的全流程，使中等難度的任務開發時間從數天縮短至半天，大幅壓縮產品從概念到上線的週期。
企業大規模導入代理型 AI 的核心動機，在於解決傳統自動化無法處理的非結構化決策困境，並將人力從繁瑣的線性流程中解放。當工作本質從「執行」轉向「調度」，生產力曲線將不再受限於人類生理工時，而是取決於數據品質與代理間的協作效率。這種「一人指揮百機」的模式，本質上是企業資源的激進再分配，旨在將勞動力成本轉化為可規模化的數位資產。未來，產品團隊的競爭優勢將不再僅是技術堆疊，而是取決於組織能否重新定義人機協作架構，實現決策、執行與回饋同步發生的端到端流程重構。
Figma 動態功能對動畫市場有何影響？
Answer | Powered by TechNews Smart AI
Figma 近年積極擴張產品線，透過整合生成式 AI 與動態原型功能，正加速從靜態 UI 設計工具轉型為全方位的數位產品開發平台。其推出的 Figma Slides 與 AI 驅動的 Figma Make 工具，讓設計師能以自然語言或直覺式介面，快速生成具備互動性的動態原型與轉場效果。這項轉變不僅降低了動態設計的技術門檻，更讓原本需在不同軟體間切換的動畫製作流程，得以在單一協作畫布中完成，直接衝擊了傳統動畫與原型製作市場的作業模式。
這一系列動態功能的佈局，核心動機在於提升企業的「決策效率」並降低創意探索的財務風險。當動態效果不再是後製階段的專利，而是設計初期的標配，Figma 成功將軟體價值從單純的生產工具轉向「零成本試錯」的實驗場。對產業而言，這將迫使 Adobe 等傳統巨頭加速將 AI 擴散模型導入專業動畫軟體，以應對來自輕量化工具的威脅。未來動畫市場的競爭焦點將不再僅限於圖層編輯的精細度，而是如何透過雲端協作與自動化生成，縮短產品從構思到市場驗證的週期，進而重塑數位內容產業的成本結構。
設計與程式碼同步如何加速產品疊代？
Answer | Powered by TechNews Smart AI
軟體開發流程正迎來根本性變革，設計與程式碼的同步技術已從單向導出進化為即時協作。Figma 等設計平台透過整合 AI 工具與開發者工作空間，讓設計稿能直接轉化為可運行的元件；同時，Anthropic 的 Claude 與 OpenAI Codex 等 AI 代理，能依據企業內部的設計規範自動生成符合標準的 React 或 CSS 程式碼。這種「設計即程式碼」的模式，消除了傳統開發中繁瑣的標註與手動轉譯過程，讓產品原型到上線的週期大幅縮短，實現了所謂的「氛圍編碼」與自動化迭代，顯著提升了產品在市場上的反應速度。
企業加速導入同步機制的背後，核心動機在於極大化開發人效並降低跨部門溝通產生的「設計債」。當設計系統與底層邏輯深度解耦，軟體架構轉向以「能力」為中心的微服務集群，AI 擔任起動態調度員的角色，這不僅降低了初級編碼任務的邊際成本，更讓開發者能將精力集中於高階邏輯與業務優化。長期來看，這場變革將推動軟體產業從勞力密集轉向創意密集，企業的競爭力將不再取決於編碼速度，而是在於如何精準定義問題，並透過標準化架構在享受 AI 速度紅利的同時，確保系統的長期可維護性與安全性。
整合 Weavy 如何強化全端協作優勢？
Answer | Powered by TechNews Smart AI
整合 Weavy 這類嵌入式協作架構，正成為全端開發者強化產品競爭力的核心手段。透過其提供的 API 與 SDK，開發者能將即時通訊、文件共同編輯及任務管理等功能，直接植入現有的 SaaS 應用中，無需從零開發複雜的後端通訊邏輯。這種「協作即服務」（CaaS）的模式，讓企業能快速實現前端介面與後端數據的深度耦合，確保用戶在單一工作流中即可完成所有溝通，大幅縮短產品從開發到上線的時程（Time-to-Market），並有效解決過往協作工具與核心業務系統脫節的技術痛點，讓應用程式轉型為具備高度互動性的協作中樞。
企業積極導入嵌入式協作技術，核心動機在於降低「切換成本」並提升用戶留存率。在多雲與混合辦公常態化下，頻繁跳轉於不同通訊軟體已成為生產力殺手，將協作功能內置化能建立更強的生態黏性，讓數據與對話留在自有平台內。這不僅是功能堆疊，更是為了打破資訊孤島，使協作過程產生的非結構化數據能與業務邏輯直接關聯，為後續 AI 自動化決策提供精準素材。未來，軟體競爭將從單一工具效能轉向「系統級」的整合體驗，掌握全端協作能力的平台將在高度同質化的市場中建立更高的技術護城河。
線