# Figma Weave 透過 Figma MCP 連接 ChatGPT、Claude、Cursor 與 Codex，讓這些 Agent 直接呼叫 Weave 工具 > 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt) > 原作者：Figma Weave (@figmaweave) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥🔥 · 日期：2026-08-12 > 原始來源：https://x.com/figmaweave/status/2087177441647137001 ## 證據與延伸閱讀 - [Figma Weave 透過 Figma MCP 連接 ChatGPT、Claude、Cursor 與 Codex，讓這些 Agent 直接呼叫 Weave 工具](https://youtu.be/obQJ3uVZ2Rc) - [Figma Weave 連接 ChatGPT 等工具](https://x.com/figmaweave/status/2087177441647137001) - [聊天操作與審核寫入 Figma](https://video.twimg.com/amplify_video/2087138527133769728/vid/avc1/3840x2160/OsmeguXGOBHwEIVQ.mp4?tag=29) ## 中文摘要 Figma Weave 透過 Figma MCP 連接 ChatGPT、Claude、Cursor 與 Codex，讓這些 Agent 直接呼叫 Weave 工具。 這項功能也支援排程任務，示範者認為它能把每日 YouTube 點子發想與縮圖製作串成完整流程。 **MCP 連線方式** 示範者以 Codex 為例，先在 Weave 建立並發布工作流程，再把帳號連結至 Figma MCP，最後在 Agent 的 plugin 或連接器設定中搜尋並加入 Figma MCP。影片中的基本操作順序如下： 1. 在 Weave 工作流程畫布放入輸出節點，建立可供 MCP 呼叫的工具。 2. 將需要由 Agent 操作的輸入節點保持解鎖；鎖定的節點會被工具隱藏。 3. 發布該工作流程或工具，否則 MCP 找不到可互動的已發布工具。 4. 在 Weave 的總覽、儀表板、設定與個人檔案中，確認帳號已連結至 Figma MCP。 5. 在 Codex 的 plugin 或連接器中搜尋 Figma MCP，加入指定工具並確認連線。 6. 在聊天視窗輸入「列出我所有的 Weave 工具」，確認 Agent 能找到已發布的工具。 **工作流程與品牌風格** 示範的 YouTube 縮圖流程先以 prompt 節點接收主題，再由預先設定好的系統 prompt 指示大型語言模型產生多個 image-to-image prompt。流程會引用過往影片的縮圖作為參考，以維持既有品牌風格，也能加入示範者的肖像圖片。未鎖定的節點會出現在工具總覽，使用者因此可以替換參考圖片或調整可操作的內容；鎖定節點則能限制 Agent 可見與可修改的範圍。 **聊天操作與審核** Agent 可以先列出工具，再依預設設定執行指定工作流程。影片示範中，Agent 每次執行前都要求使用者審核並批准，原因是工作流程會消耗 token；使用者批准後，流程才會開始產生結果。媒體畫面則顯示 ChatGPT 列出三個 Weave tools：「Brand icons」、「Image to Vector」與「Texturize」，接著執行 `Use Brand icons to update Onboarding to 'a waving hand'`，最後把金屬質感的揮手圖示寫入 Figma 的行動版 Onboarding 畫面。這段畫面標示使用了 Figma Weave integration，並顯示工作流程完成。 > 透過 ChatGPT 串接 Figma Weave 工具生成 3D 金屬風格圖示並直接寫入設計檔的操作介面 **每日自動化任務** 示範者建立名為「每日 YouTube 點子」的排程任務，要求 Agent 列出 Weave 工作流程、搜尋網路上目前的 AI 應用案例，並產生 10 個不同點子。使用者挑選第三個點子後，任務便把主題插入 prompt 節點，要求產生一句話的影片主題描述，再執行對應工作流程。這次選定的方向是製作一支介紹 MCP 真實連線應用程式工作流程的影片，風格設定為自信、略帶書呆子氣，並加入霓虹綠色裝飾。 **本機素材與成果** 使用者也能把 Finder 中的三張過往 YouTube 縮圖直接拖曳到 Codex 的聊天視窗，要求以它們替換流程中的三張預設縮圖。這項操作同樣需要在節點未鎖定的前提下進行，完成後會產生三個替換版本；示範者逐一檢視後表示成果「非常成功」。完整操作示範可見 [YouTube 影片](https://youtu.be/obQJ3uVZ2Rc) ，但影片中的執行仍以人工批准為必要關卡，並非完全無人監督的自動化。 ## 媒體內容 **透過 ChatGPT 串接 Figma Weave 工具生成 3D 金屬風格圖示並直接寫入設計檔的操作介面** **影片中的 Prompt 與操作** Prompt（00:02）： ``` 列出我的 Figma Weave tools ``` 原文：List my Figma Weave tools Prompt（00:09）： ``` 使用 Brand icons 將 Onboarding 更新為「揮手」 ``` 原文：Use Brand icons to update Onboarding to "a waving hand" 操作步驟： 1. （00:03）點擊外掛選單的 Figma Weave 2. （00:04）點擊傳送按鈕送出指令 3. （00:11）點擊傳送按鈕送出更新圖示指令 ## 標籤 MCP, Figma, Codex, ChatGPT, Claude, Cursor, 功能更新, Figma, ChatGPT, Claude