Figma Weave 工具接上 MCP 是什麼?在 Claude、ChatGPT 一句話跑完 AI 創作管線

不切 app、context 不搬家——agent 找工具、執行、把成品帶回對話,設計師的手藝第一次能被 AI 呼叫
設計師 Riven

設計師 Riven

2026年8月17日 上午 9:36

AI 設計

AI TOOLS · 2026

Figma Weave 工具介面:Transfer style 面板、node canvas 上的工具節點與 Community 工具列表

▲ Figma Weave 工具:把 node workflow 打包成一組輸入介面,如今能從 Claude、ChatGPT、Cursor 直接呼叫。圖片來源:Figma

QUICK ANSWER

2026 年 8 月 11 日起,Figma Weave 工具正式接上 Figma MCP server:在 Claude、ChatGPT、Cursor 等 AI client 的對話裡描述需求,agent 會自動找到你的 Weave 工具、執行、追蹤進度,把成品帶回對話。prompts、參考圖、brand guidelines 全程不用搬家——設計師打包好的創作管線,第一次能被 AI agent 直接呼叫。

CHAPTER 01 · WHAT HAPPENED

這次更新做了什麼

先講一個你大概每週都在做的動作。在 Claude 裡改一份提案,寫到一半需要三張產品情境圖——切去 Figma,打開 Weave,找到上次調好的 mockup 工具,把圖拖進去,按下 Generate,等它跑完,存檔,切回對話,上傳,接著寫。每一步都不難,加起來剛好夠把思路打斷一次。

8 月 11 日這則更新,把中間那一整段來回拿掉了。Figma 把 Weave 工具接上了自家的 MCP server,接了這條線的 AI client——Claude、ChatGPT、Cursor 等——可以直接在對話裡呼叫你的 Weave 工具。官方給的例句是「Run my Brand mockup tool in Figma Weave with these images」:agent 收到之後,會自己去你的 Weave 帳號找到那個叫 Brand mockup 的工具,把圖片餵進去執行,過程中追蹤進度,跑完把成品直接丟回對話。

Figma 把這次更新的價值講得很白:stay in the flow。你手上的 prompts、參考圖、brand guidelines 都躺在對話的 context 裡,不必搬去另一個 app 重建一次。結果回來以後,立刻能接著對 agent 下一步指令,把產出用進正在做的事。

RIVEN’S TAKE

切 app 的成本從來都在 context 的搬運,那幾下點擊只是表面。你在對話裡累積的需求描述、來回修正、參考素材,一切去別的工具就得重新交代一遍。MCP 這一步把搬運方向倒過來:讓工具來遷就 context,省下人搬著 context 去遷就工具的損耗。

CHAPTER 02 · WHAT IS A WEAVE TOOL

Weave 工具是什麼

如果你六月沒跟到 Config,先補一段背景。Weave 是 Figma 在 2025 年 10 月收購 Weavy 之後打造的 AI 創作畫布:node-based 的工作流,把圖像、影片、動畫、材質的生成與編輯步驟,串成一條看得見、改得動、可以重跑的管線。這條產品線今年一路長大——四月官方示範了五種可擴充的 workflow,六月 Config 把「Weave 工具」帶進 Figma Design 的左側面板,跟同場亮相的 Figma agent 一起,構成了 Figma 這一年 AI 佈局的兩條主線。

每個 Weave 工具都是一段預先搭好的 workflow,收進一個簡單的輸入介面。風格轉換、產品攝影、材質套用、品牌 icon 生成、換背景——選工具、給輸入,拿到品質穩定的輸出,免去每次從頭寫 prompt。重點在可重複:同一個工具每次跑出來的結果一致,所以最適合封裝那些你每週都要做一遍的事。方向你出,執行交給管線。

Figma Weave 的 On-brand icons 工具:輸入品牌 icon 組與一句描述,生成風格一致的新 icon

▲ On-brand icons 工具實例:丟入一組品牌 icon 當輸入、描述一句「Rain cloud」,右側天氣卡就長出風格一致的雨雲 icon。圖片來源:Figma

官方部落格提過一個很有畫面的案例:英國品牌設計公司 Taxi Studio 幫 Carlsberg 做提案時,用三個輸入——啤酒杯、啤酒花、背景——搭了一條 3D render 的 workflow,一天做完過去要 3D 專家花上數週、成本數萬美元的視覺探索。而工具化之後,這條管線不會只服務一次提案,團隊裡任何人都能重跑。

TIMELINE · FIGMA WEAVE 一年三步

2025.10

收購 Weavy

node-based AI 創作畫布加入 Figma,改名 Figma Weave

2026.06

Config:工具進 Figma

workflow 打包成 Weave 工具,進駐 Figma Design 左側面板

2026.08

工具上 MCP

Claude、ChatGPT、Cursor 等 client 可直接呼叫執行

CHAPTER 03 · WHY IT MATTERS

為什麼方向反了

Figma MCP server 過去一年的主線是 design to code:agent 讀你的 frames、variables、components,把設計脈絡翻成程式。資料的流向是從 Figma 出去。這次是第一個鮮明的反向案例——agent 回頭呼叫 Figma 這端的生成能力,執行的流向進來了。

READ · DESIGN TO CODE
CALL · RUN WEAVE TOOLS
agent 從 Figma 讀取 frames、variables、components,把設計脈絡帶去寫 code
agent 呼叫你在 Weave 打包好的生成管線,成品回到對話
資料流:Figma → agent
執行流:agent → Figma
主場景:設計交付、design system 落地
主場景:創作產出、素材生成、品牌延展

這個轉向對設計師有個安靜但重要的含義:你打包的 Weave 工具,現在是 agent 工具箱裡的正式成員,跟搜尋、讀檔這些原生能力並列。等於設計師第一次能在完全不寫程式的前提下,做出一個 AI agent 叫得動的工具——在 node canvas 上把手藝拉成管線,存成工具,它就進了每個接上 MCP 的對話視窗。同樣的趨勢在 Claude 這端也看得到:Claude Plugins 讓外部能力進駐對話,而 Weave 這步,讓設計師自己的手藝也成為那個「外部能力」。

CHAPTER 04 · GETTING STARTED

怎麼接起來用

整條路只有三步,前提是你已經有 Weave 帳號、手上至少有一個工具(自建或現成的都算)。用 Claude Desktop 或 Claude Code 的話,接上 Figma MCP server 之後工具會自動出現在 agent 的工具箱裡。

1

在 Weave 準備好工具

把常做的創作動作拉成一條 node workflow,存成工具。也可以先用官方或 Community 上的現成工具。

2

把 client 接上 Figma MCP server

Claude、ChatGPT、Cursor 等都支援,各家的安裝方式在 Figma MCP catalog 都有一鍵指引,完成 Figma 帳號授權即可。

3

在對話裡點名工具

像「Run my Brand mockup tool in Figma Weave with these images」這樣講,agent 會找到工具、執行、追進度、把結果帶回來。

官方也附了一支五分鐘的操作教學,實際走一遍從對話呼叫到結果回傳的完整流程:

CHAPTER 05 · IN PRACTICE

設計師的三個實戰場景

第一個場景是提案配圖。你在對話裡跟 agent 來回打磨提案結構,寫到需要視覺的段落,直接點名跑一次 mockup 工具——產品圖進去、情境圖出來,接著寫。整份提案從頭到尾沒離開過一個視窗。

第二個是品牌 icon 補件。維護中的產品每隔一陣子就要長新 icon,風格還得跟舊的一致。把品牌 icon 組跟風格規則包成一個工具之後,之後每次補件就是一句話的事,連開 Figma 都省了。第三個是社群素材的批次延展:同一張主視覺要出橫式、直式、限動三種尺寸與氛圍,包成工具跑三次,比手動改版快,也比每次重寫 prompt 穩。這個「工具進駐對話」的趨勢其實不只 Figma 在走——Adobe 也把 70 多個工具搬進了 ChatGPT,整個產業都在把入口收斂到同一個地方。

agent 時代設計師的槓桿,長在你封裝過的手藝上。

更值得盯的是公告最後一行:Figma 預告接下來能不離開 agent,直接在對話裡建新的 Weave workflow。這次是把現成工具接上對話,下一步是把「打造工具」這件事也搬進對話。往那個方向看,現在值得動手的只有一件事——盤點你每週重複做的創作動作,挑最常做的那個,在 Weave 裡拉成 workflow、存成工具。工具打包好了,用什麼介面呼叫都行。還沒打包,再多 client 接上 MCP 也與你無關。

CHAPTER 06 · TAKEAWAYS

重點整理與觀點

TAKEAWAYS

8 月 11 日起,接上 Figma MCP server 的 AI client(Claude、ChatGPT、Cursor 等)可以直接呼叫 Figma Weave 工具:agent 找工具、執行、追進度、把結果帶回對話。

全程留在對話裡,prompts、參考圖、brand guidelines 等 context 免搬家。

Weave 工具=打包成輸入介面的 node workflow,六月 Config 進入 Figma 左側面板,這次走出 Figma,成為 agent 叫得動的能力。

方向轉變:Figma MCP 過去主要讓 agent 讀設計脈絡去寫 code,這次讓 agent 呼叫設計端的生成管線。

官方預告下一步能在 agent 裡直接建 workflow——先把常用創作動作打包成工具,是現在就能做的準備。

這則更新表面上是加一條連線,實際動到的是設計工具的形狀:當工作流可以被打包、被點名、被 agent 調度,設計師跟工具的關係就從「打開它」變成「召喚它」。切 app 那幾秒省下來,事小。手藝變成可以被呼叫的資產,事大。

RELATED READS · 延伸閱讀

Figma Agent 是什麼?直接在 canvas 上動手的設計 AI 完整解析Figma 這一年 AI 佈局的另一條主線,跟 Weave 工具同場登台Figma Projects 改名 Folders 了?巢狀資料夾與權限大改完整解析Figma 近期另一波影響日常工作流的大改Claude 能拿來做什麼?官方 90 個 Use Cases 一次看懂把 agent 當工作台之前,先看它能接哪些活Claude Design 怎麼用?從一句話做出互動網頁的完整教學對話裡做設計的另一個切面:從描述直接長出可互動頁面Claude Cowork 的 Record a skill 是什麼?錄一次操作教 AI 重複做同一種「把重複動作打包」的思維,在 Claude 這端的版本Seedance 2.5 是什麼?30 秒一鏡到底的 AI 影片模型完整介紹Weave 管線裡最常被串接的一類生成模型

EXTRA · LINKS 官方資源

・官方更新原文:Figma Release Notes

・支援的 client 與安裝指引:Figma MCP catalog

・Weave 工具背景與案例:Connecting Figma and Weave

常見問題

Q:Figma Weave 是什麼?

A:Figma 在 2025 年 10 月收購 Weavy 後打造的 AI 創作畫布,用 node-based 工作流串接圖像、影片、動畫、材質的生成與編輯,讓創作過程看得見、改得動、可以重跑。

Q:哪些 AI client 可以呼叫 Weave 工具?

A:官方點名了 ChatGPT、Claude、Cursor 等接上 Figma MCP server 的 client,完整支援列表與各家安裝方式以 Figma MCP catalog 頁面為準。

Q:一定要先在 Weave 裡建好工具嗎?

A:是。目前 agent 呼叫的是已存在的 Weave 工具——自建的或官方、Community 現成的都算。官方已預告下一步能直接在 agent 對話裡建新的 workflow。

Q:agent 怎麼知道要跑哪個工具?

A:在對話裡點名工具名稱即可,例如「Run my Brand mockup tool in Figma Weave with these images」,agent 會自動找到對應工具、執行並追蹤進度。

Q:跟在 Figma 裡直接用 Weave 工具差在哪?

A:工具本身一樣,差在入口與 context。從 agent 呼叫可以全程留在對話裡,prompts、參考圖、brand guidelines 不用搬去另一個 app,結果也直接回到對話接著用。

Q:Weave 工具可以分享給團隊嗎?

A:可以。設計師能把自建的 workflow 發布成 Weave 工具給團隊使用,也能發布到 Figma Community 讓所有人取用。