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

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 變成一種填滿與效果、工作流變成可分享的工具。對設計與開發交接的意義可以用一句話總結:設計師探索的媒介,第一次包含可運作的程式碼與可檢查的動效數值。

六項更新的現況差異很大,先用一張表把 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 路線把交接摩擦降下來,是零成本的合理動作。

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。

位置感的部分說兩句。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 讓人直接取用。

這個功能的價值要把時間軸拉長才看得清楚。過去想做出這類材質,設計師得在 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 日。

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、版面、樣式都讀得到,能重現設計模式,從平面圖片裡用猜的那個時代過去了。

導入 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 名額下來時就能直接接上。這條路的成本是時間與注意力,回報是等功能全面開放時你已經累積一段別人沒有的練習量。

第三種處境:預算已經到位、要算投資報酬。方案門檻先對齊: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 清單,把「還在排隊」的名單重刷一遍,導入計畫跟著調整,比記住任何單一時點的狀態更可靠。

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