Figma 發佈重大更新:新增原生代碼層、動畫支持與 Weavy 工作流生成功能

### Figma 重磅更新：原生代碼層、動畫工具與 Weavy 工作流一次到位

近期，設計協作工具 Figma 發布了一系列重大更新，其中最受矚目的莫過於首次將「原生代碼層」直接引入畫布。這項改變不僅打破了設計與開發之間長期存在的隔閡，也讓設計師與工程師能在同一介面中進行更深度的協作。除此之外，Figma 還同步推出了運動動畫、著色器支援，以及名為 Weavy 的工作流生成功能，進一步強化了從設計到開發的完整閉環。

### 重點整理：三項關鍵功能一次看懂

此次更新可以歸納為三個主要亮點。首先是「原生代碼層」，讓使用者能夠在設計畫布上直接嵌入與編輯程式碼，無需切換到外部開發環境。其次是動畫支援，包括運動路徑與著色器效果，讓設計師能更直觀地製作具互動性的原型，而不必仰賴工程師手刻動畫。最後則是 Weavy 工作流生成功能，這是一套自動化工具，能將設計元件的邏輯與行為轉換為可執行的開發流程，大幅降低手動轉譯的錯誤率。

### 背景脈絡：Figma 持續深化程式碼整合

事實上，Figma 在過去一年已陸續推出多項與開發者相關的功能，例如 AI 原型製作工具 Figma Make，以及與 Claude Code、Codex 等 AI 編碼助手的整合。這些動作都顯示 Figma 正從單純的設計工具，轉型為橫跨設計與工程兩端的協作平台。本次更新的原生代碼層與 Weavy 工作流，正是這條路線上的關鍵里程碑，意在讓設計師在產出視覺稿的同時，也能直接產出符合工程規範的程式碼雛形。

### 可能影響：設計與工程壁壘的實質消融

過去設計師交付圖稿後，開發者往往需要花費大量時間重現像素級細節、動畫邏輯或互動觸發條件。原生代碼層的加入，讓開發者可以在 Figma 內部直接「看」到設計背後的程式碼結構，甚至即時修改。而 Weavy 工作流則能將設計中的狀態變化、表單驗證等行為自動生成初步的程式碼片段。這意味著雙方可以在同一個檔案中討論、調整，減少了來回溝通與誤解的機會，協作效率有望顯著提升。

### 對設計師與開發者角色的潛在衝擊

從角色定位來看，這項更新可能讓設計師逐步具備「寫一點程式碼」的能力，開發者則能更早介入設計階段。長期而言，團隊內部的分工界線將變得更加模糊，但這未必是壞事——設計師能理解技術限制，開發者能掌握設計意圖，雙方共同對產品品質負責。不過，這也要求設計師需要補足基礎的程式邏輯知識，而開發者則需熟悉 Figma 的圖層與元件結構。

### 讀者可關注的後續發展

接下來值得觀察的幾個方向包括：第一，Figma 是否會進一步開放自定義 AI 插件，讓第三方團隊能根據自身需求建立專屬的工作流生成器；第二