whoops.

Figma Config 2026 六大更新解析:誰能用、何時該導入的務實判斷

Figma Config 2026的概念圖,呈現程式碼;動效材質;生成工作流。
Figma 把程式碼、動效、材質與生成工作流納入同一個創作畫布。

Figma Config 2026(2026 年 6 月 24 日)六大更新完整解析:Code Layers、Figma Motion、Shader、生成式外掛、Weave 工具與 Figma Agent,逐一整理方案資格、AI credits 計費與 2026 年 10 月開放現況。

本頁目錄

Figma 在 2026 年 6 月 24 日的 Config 主題演講一次發表六項更新:Code Layers、Figma Motion、Shader 填充與效果、生成式外掛(Generative plugins)、Weave 工具,以及大改版後的 Figma Agent。以 2026 年 10 月上旬的查證結果來說,六項更新的開放程度差很大:三項已經能在免費方案上直接試用,一項要付費方案才有,一項還在名單制的早期存取階段,Agent 則剛在 10 月 6 日脫離 beta 正式版,同時開始消耗每個席位的 AI credits。如果你只想知道現在該做什麼:Motion、Shader、生成式外掛今天就能打開來摸,Code Layers 需要去官網排隊,Weave 工具取決於你的方案等級,Agent 的使用則要先把 credits 預算看清楚。

這篇把六項更新逐一拆開來講:每個功能是什麼、誰能用、對設計到開發的交接實際改變了什麼,以及現在導入的風險與替代路線。查證以 Figma 官方部落格、說明文件與 release notes 為本,時間點與方案資格都以查證當下為準,文中會標明。

Config 2026 發布了什麼:六項更新與開放現況

先看大會本身。Config 是 Figma 每年最重要的產品發表場合,2026 年這場的主題演講由共同創辦人兼執行長 Dylan Field 主講,官方在大會回顧文(2026 年 6 月 24 日)完整列出所有公告。Field 在演講裡給了一個值得記住的判斷:過去幾年大家談 AI 降低創作門檻、同時提高創作上限,但他的觀察是 AI 確實把門檻降低了,上限卻還沒被推高,真正能抬升天花板的仍是設計師與建造者本身。這句話對應的產品策略很具體:把程式碼、動效、GPU 材質、自製工具與生成工作流,全部變成畫布上可以直接操作的「材質」。

「材質」是理解這場大會的鑰匙。在 Figma 原本的世界裡,圖片、向量、設計圖層就是三種既有的材質,設計師用它們組合出畫面。Config 2026 做的事是把更多原本住在外部工具裡的東西搬進畫布:程式碼變成一種圖層、動畫變成可以附加在元件上的屬性、shader 變成一種填滿與效果、工作流變成可分享的工具。對設計與開發交接的意義可以用一句話總結:設計師探索的媒介,第一次包含可運作的程式碼與可檢查的動效數值。

把更多材質搬進畫布的概念圖,呈現程式碼;動畫;Shader;工具。
程式碼、動畫、Shader 與工具成為畫布內可組合的創作材料。

六項更新的現況差異很大,先用一張表把 2026 年 10 月的狀態整理出來,後面每一節再逐一深談。

左右捲動檢視完整表格

功能一句話定位2026 年 10 月狀態方案資格
Code Layers把任何設計圖層轉成互動程式碼圖層,可來回轉換名單制早期存取(7 月起逐步開放)需申請排隊
Figma Motion時間軸與關鍵幀進入 Figma Design,動效可附加在元件上Open beta,逐步開放中全方案 Full 席位
Shader 填充與效果用文字或圖片生成 GPU 材質與特效Open beta全方案(生成需 Agent)
生成式外掛用描述叫 Agent 生成自己的外掛已開放使用全方案(生成需 Agent)
Weave 工具節點式生成工作流打包成畫布上的工具已上線,官方列 37 個第一方工具Professional、Organization、Enterprise
Figma Agent懂設計畫布與團隊工具鏈的對話式副手10 月 6 日正式版,脫離 beta全方案,開始計 AI credits

這張表透露一個務實的閱讀順序。想把更新直接變成產能的,從 Motion 與 Shader 開始,開放範圍最大,手動操作免費也不必排隊,需要 Agent 代勞生成的部分才會動用到額度;團隊想提前布局的,現在就去排 Code Layers 的名單,同時盤點自己的設計系統有哪些元件值得用程式碼重新探索;負責採購或管理 Figma 的,重點則放在 Weave 工具的方案門檻與 Agent 正式版後的 credits 消耗,這兩項直接影響帳單。

Code Layers:程式碼第一次變成畫布上的材質

Code Layers 是這場大會指標性最強的公告。官方部落格的文章把動機講得很直白:業界談了很多年的「設計對決程式碼」是個假辯論,設計是一個過程,程式碼是一種材質,就像圖片與向量一樣,問題出在過去程式碼住在為線性思考設計的單人環境裡,材質與過程被硬生生拆開。Code Layers 要把這個拆開的東西縫回去。

實際的運作方式分成三個動作。第一,在畫布上把任何設計圖層用一次點擊或一段提示詞轉成互動式的 Code Layer,它就變成一個真的能跑的東西,按鈕能按、選單能展開。第二,Code Layer 可以像設計 Frame 一樣快速複製,並排放好幾個版本,同一個檔案裡的夥伴能直接在上面留言、修改、迭代,探索互動邏輯的過程從口頭描述變成看得見的東西。第三,也是設計師最該注意的一段:程式碼可以走回設計。從 Code Layer 拉出可編輯的設計圖層,手動調整完之後,再一鍵把變更同步回 Code Layer,設計稿、互動原型與程式碼版本之間的往返成本被壓到最低。

設計與程式碼能往返的概念圖,呈現設計圖層;互動程式碼。
設計圖層與互動程式碼可以往返,讓視覺調整回到原型。

對交接流程的影響比功能本身更值得想。過去做互動原型,設計師多半停在靜態畫面加連結的層次,動態行為靠文件與會議補充,工程師拿到的是一疊需要翻譯的規格。有了 Code Layers,設計師可以在真的能運作的介面上探索「如果按住不放會怎樣」「清單刪除項目時其他項目怎麼收合」這類過去難以表達的行為,工程師也從一開始就能看到設計脈絡裡的程式碼長什麼樣。你在專案早期用 UI Prototype 原型設計的方法驗證流程,到需要驗證行為細節的階段,Code Layers 提供了比靜態稿更誠實的載具。

資格與時程是這個功能最需要冷靜看待的部分。官方在 Config 當天說 Code Layers 從 7 月開始逐步開放早期存取,想用的人要透過官方 beta 申請頁加入等候名單。查證到 2026 年 10 月上旬,Figma 說明文件的 beta 功能清單仍然把 Code Layers 列在「需申請早期存取」的分類下,也就是距離一般帳號打開就能用還有一段路。名單制不代表遙遙無期,但團隊若把下半年的交付計畫壓在這個功能上,風險自負。

排隊等名單的這段時間,設計師可以做的準備其實不少。先盤點設計系統裡行為最複雜的十個元件,把「行為規格」從口頭知識變成文字:觸發條件、狀態變化、回饋時序,這份清單未來就是轉成 Code Layer 的提示詞原料。平常沒有讀程式碼習慣的人,可以先從看懂 HTML 的結構與 CSS 的屬性開始,目標是能讀、能改小地方,寫作能力交給 Agent。期待管理也要先做好:Code Layer 裡的程式碼是探索用的互動實作,它的價值在於讓行為被看見、被討論,把它當成可以直接抄進產品倉庫的程式碼,失望會來得很快。

先寫清楚行為規格的概念圖,呈現觸發;狀態;回饋。
把觸發條件、狀態變化與回饋時序寫清楚,才有可討論的互動規格。

一個容易混淆的名詞要先釐清。「Code layers」這個名字在 Figma 生態裡出現過兩次:2025 年推出的 Figma Sites 裡,已經有一種用提示詞建立互動程式碼圖層的機制,說明中心把它歸在 Sites 的功能集裡,定位是讓不寫程式的人在網站裡加上自訂互動;Config 2026 講的 Code Layers 則是把它帶進 Figma Design 的主畫布,讓程式碼變成日常設計探索的一等材質。兩者血緣相近,適用場景不同,找資料時別混為一談。

現階段的務實替代路線其實已經存在。如果你的痛點是「希望寫程式的 AI 能讀懂設計稿」,Figma 的 MCP 路線早就開放,工程師端接上工具就能拿到結構化的設計脈絡;Code Layers 解決的是另一個方向的問題,讓設計師自己站在程式碼材質上工作。兩者是互補關係,等待名單期間先走 MCP 路線把交接摩擦降下來,是零成本的合理動作。

兩條路的方向不同的概念圖,呈現MCP:工程讀設計;Code Layers:設計探互動。
MCP 把設計脈絡交給工程端,Code Layers 則讓設計端探索互動。

Figma Motion:動效第一次成為設計系統的一等公民

六項更新裡,Motion 是一般設計師今天就能拿到最多東西的一項。Config 當天 Figma 就在 Figma Design 裡加入了時間軸:關鍵幀、預設動畫樣式、位置縮放旋轉不透明度等屬性控制全部上線,官方介紹文的說法是「Starting today」。你可以從零建立動畫,把動畫疊在既有設計上,或者叫 Figma Agent 生成一版起手骨架再手動修。

真正讓 Motion 與一般動畫工具拉開差距的,是它把動效納入設計系統的機制。動畫可以附加在元件上,就像填色與字體一樣跟著元件走:一個按鈕的微互動定義一次,套用到任何畫面、任何協作者的檔案裡都是同一套行為。配合 easing 與 timing 變數,動效規則也能像色彩 token 一樣被系統化管理。這對維護多產品線的團隊意義重大,過去動效規範多半是一份沒人更新的 PDF,現在它是設計系統裡活著的一部分。你已經用 Layout Grid 管理版面秩序的同一套思維,現在可以延伸到時間軸上。

動效也能成為規則的概念圖,呈現元件動畫;時間變數;跨畫面共用。
元件動畫與時間變數共同定義動效,讓不同畫面沿用同一套規則。

開發端的配套是這個功能對交接影響最大的地方。切到 Dev Mode,開發者能看到完整且唯讀的時間軸,每個 timing 值、每條 easing 曲線、每個關鍵幀都是可檢查的數值,不用再從影片裡猜動畫幾毫秒。動畫程式碼可以直接複製成 CSS、JSON 或 React(motion.dev)格式;Motion 同時相容 MCP,任何動畫 frame 都能直接丟給寫程式的 AI 代理去實作。從「設計師形容一個感覺」到「工程師拿到一段可貼上的程式碼」,中間的翻譯層被砍掉一大半。

開發交接看實際數值的概念圖,呈現時間軸;緩動曲線;程式碼。
時間軸、緩動曲線與程式碼讓開發交接可以對照實際數值。

上手門檻比想像低,但取捨的判斷值得先建立。預設動畫樣式讓完全不會動效的人很快就有成果,這是起點;真正拉開品質的是關鍵幀手動控制與 easing 曲線,物體在自然界沒有等速移動這回事,加速與減速的曲線決定了動效看起來是機械還是有生命。開啟自動關鍵幀後,Figma Motion 會把你操作的每個變化錄進時間軸,像錄影一樣把「做一遍」變成「存下來」。已經熟 Figma 的人學這套東西幾乎不用重學,心智模型從畫空間延伸到畫時間而已。

匯出與分享也照顧到設計之外的場景。Motion 支援匯出 MP4、WebM、GIF 與 Animated SVG,官方預告未來會加碼 Lottie 等更多格式,也就是說同一份動畫既能進原型展示,也能直接變成行銷素材或開發交接的附件。時間軸上還能下時間戳註解,回饋可以精確綁在某個瞬間,這在審動效的會議裡省下的來回非常可觀。

方案資格要看得仔細一點。依說明中心的 Motion 文件與 beta 功能清單,Motion 目前是 open beta,全方案的 Full 席位都能用,檔案要有編輯權限;但三件事需要付費方案的 Full 席位:發布動畫元件、用 Agent 生成動畫、高解析度影片匯出。還有一個對帳單友善的細節:Motion 本身不消耗 AI credits,手動編輯任何動畫(包括 Agent 生成的)永遠免費,只有叫 Agent 生成才會在正式版計費架構下消耗額度。政府方案則暫不開放 Motion。

手動與生成分開算的概念圖,呈現手動編輯;Agent 生成。
手動編輯動畫與呼叫 Agent 生成是兩種不同的用量行為。

位置感的部分說兩句。Config 之前,想在 Figma 裡做按鈕動畫或載入動畫,靠的是聰明原型與外掛的組合技,例如用 按鈕動畫的互動設計技巧騙過 smart animate,或用 載入動畫的製作方法組出流動感,視差效果則要靠 滑鼠追蹤互動的變通做法。這些技巧不會作廢,它們仍然是理解動效原理的好教材,只是「能不能在 Figma 裡做」這個問題的答案從此改變了。已經在用 After Effects 或 Lottie 的團隊也不必急著搬家,需要複雜合成、骨骼動畫或緊叩工程管線的場景,專業工具仍然站得住,Motion 的優勢在於把大部分日常動效需求留在設計檔案裡解決。

Shader 填充與效果:用一句描述生成 GPU 材質

Shader 是六項更新裡視覺衝擊最直接的一項。Shader 本來是圖形程式設計的名詞,指控制像素怎麼渲染的小程式,Figma 自己的畫布渲染底層就一直靠它驅動,只是一般使用者從來碰不到。Config 2026 把它變成設計師可以用說的:描述你想要的材質,或丟一張參考圖,Figma Agent 就幫你生成一組自訂 shader,參數化控制項直接長在畫布上,拉滑桿就能調細節。

它分成兩種型態,用途不同。填充走的是「新材質」路線,水彩、摩爾紋、網格漸層、顆粒粒子這類動態紋理,直接變成圖層的填滿內容,超越純色與漸層能表達的範圍;效果走的是「轉換」路線,作用在圖層既有的內容上,例如透鏡扭曲、顆粒拉伸、色彩外框,可以與 Figma 原生效果互相堆疊。依官方的 Agent 自訂工具說明文(2026 年 6 月 24 日),生成出來的 shader 預設就是參數化的,能堆疊、能調整,官方也準備了三十多個現成的外掛與 shader 讓人直接取用。

Shader 有兩種用途的概念圖,呈現填充:產生材質;效果:轉換內容。
Shader 填充產生新材質,Shader 效果則轉換圖層既有內容。

這個功能的價值要把時間軸拉長才看得清楚。過去想做出這類材質,設計師得在 Photoshop、After Effects 或 WebGL 環境裡繞一大圈,成果還很難在團隊裡共享,到頭來往往變成匯出一張 PNG 交差,材質本身活不到設計系統裡。現在材質的探索、協作、複用到交付都在同一個畫布上發生。技術底層是 WebGPU,代表瀏覽器就能渲染這些效果,不需要額外安裝什麼。

開發端的配套還在追趕,這點必須誠實說。查證當下,shader 效果還不會出現在 Dev Mode 裡,官方產品團隊表明正在積極探索;目前的交接路徑是匯出與 MCP:固定畫面可以出 PNG,動態材質可以出 MP4,程式碼層面則透過 MCP 拿到 JS 與 WGSL,前端工程師有東西可以對接,但流程還沒有 Motion 那麼順。互動式 shader(例如跟著滑鼠位置變化的效果)已經能在畫布上按 Play 執行,但官方限制一頁同時只能跑一個動態或互動 shader,效能調校顯然還在收尾,所以現階段把它定位成「視覺探索的材質庫」仍比「可交付的互動規格」更準確。

材質交付看輸出需求的概念圖,呈現靜態圖;動態片;程式碼。
材質交付可依需求分成靜態圖、動態影片與程式碼。

實際的工作流走下來是四步:描述或給參考圖生成、在畫布上用參數控制項微調、與原生效果堆疊出複合質感、需要交付時轉出對應格式。管理面的建議是把它當材質庫經營,團隊生成的 shader 集中放在一個共享檔案、統一命名規則,素材的複用價值才會累積,散落在各專案裡的話,三個月後誰也想不起當初那個漂亮的顆粒效果是怎麼來的。

材質庫先整理再共用的概念圖,呈現生成;微調;堆疊;保存。
材質從生成、微調到堆疊保存,才能逐步成為團隊可複用的資產。

資格與費用比 Motion 再寬鬆一點:open beta 期間,用 Agent 生成自訂 shader 需要有 Agent 的存取權(全方案都有),使用任何 shader 無論是官方做的、隊友分享的還是社群找來的,全部免費且全方案可用。對視覺風格依賴材質的品牌來說,例如想做液態金屬標題、顆粒海報、流動漸層背板的行銷素材,這是成本最低的升級。以前要靠疊加模糊與半透明層模擬的毛玻璃質感,可以對照 Glassmorphism 毛玻璃效果的作法,感受一下「手工疊層」與「參數化材質」兩個世代的差異。

生成式外掛:把重複流程變成自己的工具

生成式外掛解決的是一個更日常的問題:每個設計師腦中都有一串「如果有個按鈕按下去就會把我所有圖層按規範重新命名」的願望,過去這種小工具要嘛等別人寫、要嘛自己學 Plugin API 加本地開發環境。現在的做法是描述:想要的行為、需要的控制項、參數長什麼樣子,Agent 直接生成一個能在畫布上用的外掛,不用裝開發環境,不用懂 Plugin API。

它與傳統外掛的分工界線要劃清楚。官方說明生成式外掛用 PropsKit 打造,所以看起來與操作起來都像原生功能,控制項就在畫布上;但它運作在 Figma Design 的範圍內,一旦需要碰到外部服務,例如接 AI 服務或第三方 API,仍然要走傳統外掛。換句話說,生成式外掛擅長把你「檔案內」的重複流程工具化,批次調整版面、產生特定版型、整理素材命名這類;對外整合的複雜工作還是傳統外掛的地盤。

檔內流程與對外整合分工的概念圖,呈現生成式:檔案內;傳統:外部服務。
生成式外掛處理檔案內流程,對外服務整合仍有不同的工具需求。

分享機制已經跨出檔案:你可以把生成的外掛發布到 Figma Community 供其他人取用,也能以組織內部私有外掛的形式發布,把個人自動化直接升級成組織資產。官方文件把可生成的外掛分成三型:產生內容的(例如聲波視覺化、裝置變體產生器)、修改圖層的(例如批次重繪圖示、產生骨架畫面)、檔案工具型的(例如批次重新命名、檢查壞掉的原型連結),範圍涵蓋到 Figma Draw 與 Motion。費用結構與 shader 同一套邏輯:使用任何外掛永遠免費、全方案可用;用 Agent 生成才需要 Agent 存取權,並且在 Agent 進入正式版後消耗 AI credits,這個轉換已經隨 10 月 6 日 Agent 正式版生效。

對已經在用外掛生態的人,定位上的差異一句話就講完:以前是「裝別人寫好的工具」,現在多了一條「把自己的流程寫成工具」。挑選現成外掛的方法論沒有過期,例如 圖示外掛的選擇流程講的「先診斷症狀再對症安裝」,照樣適用;生成式外掛補上的是長尾那一段,市面上沒有人寫、只有你的團隊需要的那 20% 流程。新手如果對外掛生態還不熟,可以先從 九款必裝外掛建立基本盤,再回頭想哪些流程值得自己生成一個。

務實的使用建議:先用一週時間記下你每個重複操作,列出頻率與耗時,把前三名拿去叫 Agent 生成工具試做。生成結果的好壞高度取決於描述的具體程度,把輸入、規則、輸出講清楚的外掛描述,產出的工具通常離可用不遠。這個流程本身也是一種投資,因為工具是可累積的資產,做一次團隊一直用。

重複操作先寫成規則的概念圖,呈現輸入;規則;輸出。
輸入、處理規則與輸出寫得具體,重複操作才容易被工具化。

Weave 工具:節點式生成工作流搬進 Figma

Weave 的來源要先交代。Figma 在 2025 年收購了節點式生成創作平台 Weavy,改名為 Figma Weave 繼續發展,Config 2026 則是雙向整合的起點:官方公告(2026 年 6 月 24 日)說明 Weave 工具進入 Figma 畫布、Weave 工作流進入 Figma Community,Figma 節點也將出現在 Weave 裡。要留意的是 Figma 與 Figma Weave 目前是兩個獨立產品、獨立帳號體系,Weave 本體住在 Weave 官方網站,可以用 Figma 帳號登入,但資產與訂閱是分開的。

Weave 的核心概念是「把生成變成流程」。單次下提示詞拿一張圖,結果是運氣;在節點畫布上串接多個模型、轉換素材、比較不同分支的輸出,生成變成一條流程看得見、環節改得動、每次都能原樣重跑的產線。官方的比喻是把模型輸出當黏土捏,你拆解的是流程本身。Config 當天有 20 多個 AI 影像任務以 Weave 工具的形式出現在 Figma Design 的左側面板:風格轉移、商品情境照、材質提取、換背景、改光線、文字生向量插圖、套用色票,每一個工具背後都是一段打包好的 Weave 工作流,輸入素材、選好參數、按下生成,同一個任務每次跑出一致的結果。

對行銷與品牌素材產線,這個「一致性」才是重點。活動視覺需要同一種風格套用到幾十張圖上、商品照需要統一的光線與背景、品牌資產需要可重複的產線而非一次性的運氣,Weave 工具把這些需求從「每次重新 prompt」變成「選工具、給素材」。更進一步,任何工具的底層工作流都可以打開來看、複製、改作,社群裡已經有別人發布的工作流模板可以直接取用或魔改。

工作流先定再換素材的概念圖,呈現固定流程;替換輸入;輸出變體。
固定工作流後替換輸入素材,可以沿用流程產出不同變體。

方案資格是六項更新裡門檻最高的一項。依說明中心的 Weave 工具文件,Weave 工具需要 Professional、Organization 或 Enterprise 方案,檔案要有編輯權限,而且啟用 Governance+ 附加方案的客戶暫時無法使用。免費方案的團隊想先體驗節點式生成,可以直接去 Weave 獨立產品玩,那裡的帳號與計費自成一格。費用上,官方 credits 表把 Weave 工具明列入計價:第一方 Weave 工具每次執行有依工具而定的固定成本,跑完可以在結果上直接查看這次消耗了幾點,這套費率標注的生效日是 2026 年 10 月 6 日。

Weave 與 Figma 分清楚的概念圖,呈現獨立產品;畫布工具。
Weave 獨立產品與 Figma 畫布中的工具需要分別確認使用資格。

Figma Agent 正式版:懂你的工具鏈,開始計價

Agent 的時間軸值得完整講一遍,因為它正好橫跨三個階段。Config 2025 發表的 Design Agent 是它的前身,當時還在等候名單制;2026 年 6 月 23 日,也就是 Config 2026 主題演講前一天,Figma 把 Agent 全面開放給所有使用者;2026 年 10 月 6 日,官方 release notes 宣布 Agent 脫離 beta 成為正式版,同步改善延遲與多人協作效能。從 Config 2025 首次預告算起,這條路走了一年多。

Config 2026 給 Agent 的升級圍繞一個主題:讓它懂你的工作方式。Skills 把團隊的流程與慣例固化成一組隨叫隨用的指令,可以自建、用團隊的或取用社群的;Connectors 讓 Agent 接上既有工具鏈,官方點名的有 Notion、Slack、Granola、Hex、GitHub、Atlassian 等,讀得到專案脈絡也能把更新回寫回去,例如從 Linear 拉票券來餵設計、把結論貼回 Slack;Attachments 則能把訪談紀錄、文案文件、資料報告直接附進對話當參考。貼上 Figma 檔案連結時,Agent 拿到的是完整結構,元件、token、版面、樣式都讀得到,能重現設計模式,從平面圖片裡用猜的那個時代過去了。

Agent 脈絡有三個來源的概念圖,呈現Skills 慣例;Connectors 工具;Attachments 文件。
Skills 提供工作慣例,Connectors 接上工具,Attachments 補充參考文件。

導入 Skills 的節奏建議先小後大。先挑一個定義清楚、爭議最少的流程打包,例如「新專案的畫板命名與版面慣例」,跑順了再把品牌規範、元件使用規則這類大塊知識收進來。誰維護、怎麼命名、多久更新,這三個問題先有答案,Skills 才會是資產,弄不好就是一堆沒人敢用的過期指令。Attachments 的使用也要有基本衛生習慣:附進對話的文件會成為 Agent 的參考脈絡,客戶個資、報價底線這類敏感內容先過濾,需要引用時摘錄必要的部分就好。

協作設計也變了。Agent 對話預設對同一檔案的協作者公開,團隊成員看得到彼此正在探索什麼方向,可以直接接續討論,需要保密時再切成私人。Agent 本身也預告擴展到 FigJam 與 Slides,目前這兩個表面的 Agent 還在封閉 beta,一樣走 config-betas 的名單申請。

資格與費用的變化是正式版後最該盯緊的。方案上 Agent 全方案可用:Full 席位加檔案編輯權的人能叫它動手改圖,View、Dev、Collab 席位能對話但不能動檔案。費用上則是分水嶺:beta 期間 Agent 不消耗 credits,正式版之後回歸標準計價,Agent 屬於 agentic 特性的功能,每次任務的消耗隨複雜度浮動。官方在說明文件裡也提醒,beta 期間不計費的緩衝已經結束;管理端的配套都到位,組織管理者能下載 AI 用量的 CSV 報表、加購 credits 或設定個別使用者的上限,導入前先把「誰能叫 Agent 做事、做多少」的規則定好,是省錢的第一步。

席位與額度各有控制的概念圖,呈現能對話;能編輯;用量上限。
能對話、能編輯與用量上限是三個分開管理的控制。

六項更新對三種角色的實際影響

同一批更新落在不同角色身上,重量完全不一樣。把自己放進對的位置再看細節,判斷會快很多。

設計師拿到的是表現力與系統性的雙重升級。表現力來自 Shader 與 Motion:材質與動效這兩個過去要繞出去做的維度,現在留在畫布上,探索成本降到接近零;系統性來自動效進入設計系統、來自 Skills 把個人的工作慣例沉澱成可重複的指令。真正的挑戰在於能力邊界跟著移動,當「會動、有材質」變成兩天就能組出來的東西,差異化回到判斷力本身:哪些動效真的服務體驗、哪些材質真的貼合品牌,這類問題工具不會替你回答。剛入門的人倒是不必焦慮,基礎還是那些,先讀完 Figma 中文完整教學把基本功打穩,新的材質與時間軸反而會更好上手。

前端開發者拿到的是規格的可檢查性。Motion 在 Dev Mode 把每個 timing、每條 easing 曲線變成可讀數值,動畫程式碼直接複製成 CSS、JSON 或 React,動態規格從「看影片憑感覺」變成「對數值驗收」;MCP 相容代表你可以把動畫 frame 直接交給寫程式的 AI 代理去落地。已經在用 Claude Code 串接 Figma MCP 的工程師,這條路現在多了動效與材質兩種可讀取的資產。Code Layers 對開發端的意義則在早期介入:在設計還很軟的階段就看到可運作的程式碼,早一步發現「這個行為成本很高」的訊號,總比驗收前才知道好。要留的警戒線只有一條,Code Layers 的來回同步是探索與對齊用的,把它當部署管線之前,版本與品質的管理責任仍然在你自己的工程流程裡。

工程驗收仍有責任的概念圖,呈現可讀規格;工程檢查;產品上線。
可讀規格先交工程檢查,通過產品流程後才進入上線階段。

行銷與網頁維運者的帳最直接,因為每一項都能折算成產能或預算。Weave 工具把活動視覺、商品照、社群素材的生成變成可重複的產線,一致性比單次生成高得多;Motion 的 MP4 匯出讓社群短素材與原型展示不用再開剪輯軟體。預算端的兩個數字要記住:Weave 工具從 Professional 方案起跳,免費方案用不了,第一方工具每次執行按工具別消耗固定 credits、社群發布的工具依工作流浮動;Agent 正式版後,動畫生成與外掛、shader 的生成也都回到標準額度計費,依官方的 AI credits 說明,Full 席位每月內含的額度是 Starter 方案 500 點、Professional 3,000 點、Organization 3,500 點、Enterprise 4,250 點,月重置、不滾存、不可轉讓,Starter 另有每日 150 點上限,超額要靠管理員加購。素材量大或多人並用的團隊,先算每月生成量再決定方案與加購,這個功課比任何功能介紹都值錢。

從 Config 2025 到 2026:拆牆工程進行到哪一段

把兩屆 Config 接起來看,Figma 的路線圖會清楚很多。2025 年那場發表的三件事:Figma Make 用一句話生出能動的介面、Figma MCP 讓寫程式的 AI 讀懂設計稿、Design Agent 在畫布上當設計師的副手,拆法是把 AI 放在「設計到程式碼」那道牆的兩側幫忙傳話。完整的介紹與分工可以回頭讀 Figma AI 功能解析,這裡不重複。

2026 年的路數變了:與其讓 AI 幫你跨牆,乾脆把牆拆成材質搬進畫布。Code Layers 把程式碼變成圖層,Motion 把動畫變成元件屬性,Shader 把 GPU 材質變成填滿,生成式外掛與 Weave 把工作流本身變成可分享的工具,Agent 從副手升級成接上整條工具鏈的協作者。2025 年的主題是「AI 幫你生東西」,2026 年的主題是「把創作的材料與工具還給你」,這正是 Field 說「上限要靠你們自己抬」的產品翻譯。

探索媒介變得更完整的概念圖,呈現空間;時間;互動。
空間、時間與互動一起進入探索流程,設計不再只描述靜態畫面。

兩條支線的進度也值得記下,因為它們指向下一階段。Figma Make 已經長出「連接本地程式碼庫」的封閉 beta:Professional 以上方案、Mac beta 桌面版、Git 儲存庫三個條件備齊後,你能在 Make 裡打開真的應用程式、用面板與註解改 UI、叫 Agent 改程式碼,收尾時開分支送 pull request,設計工具第一次摸到了工程的工作流末端。FigJam 與 Slides 的 Agent 也在封閉 beta 排隊中。這兩條線都還名額制,但它們透露的方向一致:Figma 想覆蓋的範圍從設計檔案一路延伸到交付,那道牆的殘段會一段一段消失。

同一份 beta 清單裡還藏著下一章的目錄:原生 3D transforms 正在封閉測試,官方給的定位是「從可編輯的空間設計到可交付的匯出」,配合 Motion 已經預告的空間維度整合,畫布的表達能力還在往外擴。大會的區域場也有資訊量,Config India 在 10 月 15 日提供免費線上參與,這類場次常出現主場之外的補充公告,想第一時間掌握的人是個低成本的追蹤管道。

冷靜的判斷也要留在這裡。拆到 2026 年 10 月這個時點,牆拆掉的是「規格不可見」這一段:動效有數值、材質有參數、程式碼有圖層、脈絡有 MCP,設計與開發之間的翻譯損耗被大幅壓縮。還沒拆掉的是「成品可直接上線」那一段,Code Layers 的輸出是探索用的互動程式碼,Make 的產出仍以原型為主,正式產品的工程標準、可維護性與部署責任都還在原本的軟體工程世界裡。看懂這條線,就不會把行銷話術當承諾,也不會低估已經能用的那一半。

現在值不值得導入:三種處境的務實判斷

把所有資訊收斂成可以行動的判斷。導入決策其實只有三種處境,對號入座即可。

管 Figma 帳號的人,無論職稱是不是管理員,先做兩件治理功課。一是權限地圖:誰有 Full 席位、誰只有 Dev 或 View 席位,直接對應到誰能叫 Agent 動手改圖、誰能發布動畫元件與使用 Weave 工具;二是費用開關:管理端可以關閉團隊的 AI 功能、設定個別使用者的 credits 上限、下載用量報表,正式版計費已經啟動的現在,這些控制項從後台選項變成必備的預算工具。

開放生成前先管用量的概念圖,呈現權限地圖;個人上限;用量報表。
權限地圖、個人用量上限與報表共同支援生成預算管理。

第一種處境:想用、不想花錢也不想排隊。直接開 Motion 與 Shader,兩者都是 open beta、全方案的 Full 席位可用,手動操作不消耗任何 credits。用法上有個聰明的順序:先把團隊既有的動效規範整理成 easing 與 timing 變數,再把最高頻的幾個元件(按鈕、選單、載入狀態)做成動畫元件,這樣開放範圍擴大時你的設計系統已經準備好了。生成式外掛也屬於這一組,使用免費,叫 Agent 生成的部分在額度內玩即可。唯一的代價是 open beta 的本質:功能會變、偶有效能議題,正式產線的關鍵路徑別壓在上面。依官方 beta 功能清單,Motion 與 Shader 還掛著 open beta 標籤;生成式外掛在全方案開放,生成走 Agent 的額度計費。政府方案用戶另有排除條款要先確認。

第二種處境:團隊想提前布局下一階段。該做的三件事:去 config-betas 排 Code Layers 的名單,同時盤點設計系統裡哪些元件的互動行為值得用程式碼重新探索;把 Wireframe 線框圖以來的流程文件翻新,因為行為規格未來會住在檔案裡,文件的角色要重新定義;工程端先跑通 MCP 路線,把設計稿讀取的自動化做起來,Code Layers 名額下來時就能直接接上。這條路的成本是時間與注意力,回報是等功能全面開放時你已經累積一段別人沒有的練習量。

等待名額仍可做準備的概念圖,呈現排隊申請;盤點行為;先接 MCP。
等待名額時仍可盤點互動行為,並先跑通工程端的 MCP 路線。

第三種處境:預算已經到位、要算投資報酬。方案門檻先對齊:Weave 工具要 Professional 以上,Agent 的生成類操作全方案可用但吃 credits,動畫元件發布與 Agent 生成動效要付費方案的 Full 席位。依官方的 AI 工具可用性說明,Agent 對話全方案開放,能動手改圖的資格綁在 Full 席位加編輯權上,採購席位時把「誰真的需要生成能力」想清楚,Dev 席位與 View 席位的定位是看與聊,月費可以省下來。credits 的帳這樣算:先跑一個月的實際用量,對照席位內含額度,超過再考慮加購方案或隨用隨付,官方也提供管理端的用量報表與個別上限,多人大團隊強烈建議先設上限再開放。

幾個「先不要」也一樣有價值。正式產線的關鍵環節別搶 beta,open beta 的變動成本由你吸收;政府與高合規場域先確認排除條款,Motion 與 Weave 工具都有明確的不適用條件;期待「設計稿一鍵變正式產品」的可以先歇歇,這個承諾兩屆 Config 都沒有開出來,替代路線是 MCP 加工程紀律,而非魔術。

時效性的部分給一個監測節奏。這類平台級更新的資訊半衰期大概三個月:beta 標籤會摘掉、名單會放寬、credits 政策會調整、Lottie 這類預告中的格式會上線。以這篇的查證時間 2026 年 10 月上旬為基準,每隔一季回頭看一次官方 release notes 與 beta 清單,把「還在排隊」的名單重刷一遍,導入計畫跟著調整,比記住任何單一時點的狀態更可靠。

導入判斷要定期更新的概念圖,呈現Beta 狀態;方案資格;額度政策。
Beta 狀態、方案資格與額度政策都會影響功能導入判斷。

收斂成一句話:2026 年 10 月的 Figma,值得每個角色拿走的東西都不同,設計師拿材質與時間軸,開發者拿數值化規格與 MCP,維運者拿工具化產線與 credits 帳本。共同的起點則一樣便宜:打開一個檔案,把 Motion 切出來,給一個按鈕加上 200 毫秒的 easing,從這 200 毫秒開始,你對這批更新的判斷就不再依賴任何整理文了。

常見問題

Figma Config 2026 發表了哪些更新?
六項:Code Layers(設計圖層與互動程式碼圖層來回轉換)、Figma Motion(時間軸與關鍵幀進入 Figma Design)、Shader 填充與效果(用描述生成 GPU 材質)、生成式外掛(用描述叫 Agent 生成自訂外掛)、Weave 工具(節點式生成工作流進畫布),以及升級 Skills、Connectors、Attachments 的 Figma Agent。主題演講日期為 2026 年 6 月 24 日。
Figma Motion 是免費的嗎?哪些方案可以用?
Motion 目前為 open beta,全方案的 Full 席位都能使用,檔案需有編輯權限;手動建立與編輯動畫不消耗 AI credits。三件事需要付費方案的 Full 席位:發布動畫元件、用 Agent 生成動畫、高解析度影片匯出。政府方案(Figma for Government)暫不開放 Motion。
Code Layers 現在開放使用了嗎?
還沒全面開放。官方公告自 2026 年 7 月起逐步開放早期存取,需透過 figma.com/config-betas 加入等候名單;依 2026 年 10 月上旬查證的官方 beta 功能清單,Code Layers 仍列在需申請早期存取的分類,一般帳號尚無法直接使用。
Figma Agent 正式版後計費怎麼算?
Figma Agent 於 2026 年 10 月 6 日脫離 beta 成為正式版,beta 期間不消耗 credits 的緩衝結束,之後 Agent 任務依複雜度浮動消耗席位內含的 AI credits:Full 席位每月 Starter 500 點、Professional 3,000 點、Organization 3,500 點、Enterprise 4,250 點,月重置、不滾存,管理員可加購或設定個別上限。
Weave 工具和 Figma 是同一個產品嗎?
Figma 畫布內的 Weave 工具與獨立產品 Figma Weave(weave.figma.com)是兩回事:前者是 Figma Design 裡的 AI 影像工具(Config 當天 20 多個,2026 年 10 月官方 credits 表列 37 個第一方工具),需要 Professional、Organization 或 Enterprise 方案;後者是獨立帳號體系的節點式生成平台,可用 Figma 帳號登入但資產分開。啟用 Governance+ 附加方案的客戶暫時無法在 Figma 內使用 Weave 工具。
這些更新現在值得導入嗎?
分三種處境:想零成本試用,Motion、Shader 與生成式外掛今天就能在全方案上使用,手動操作與取用現成工具免費,生成才走 Agent 的額度;想提前布局,先排 Code Layers 名單並把工程端 MCP 路線跑通;有預算壓力的團隊,重點放在 Weave 工具的方案門檻與 Agent 正式版後的 credits 消耗管理。open beta 功能仍會變動,正式產線的關鍵環節不建議搶快。

Whoops 巫普斯科技有限公司

專注技術 SEO、GEO/AEO 與 AI 搜尋實務。本站文章以可驗證資料、公開來源與實作觀察整理而成。

關於 Whoops編輯守則服務內容

想把這篇的方法用在自己的站上?

SEO 健檢、GEO/AEO 引用優化、網頁設計諮詢——把文章裡的方法落地到你的網站。