Skip to main content
Language繁體中文
人工智慧與使用者介面4 分鐘閱讀2026 年 10 月

哪些設計工具具有 MCP 伺服器?

簡短回答

截至2026年10月,Figma、Penpot和ExodeUI都擁有MCP伺服器,讓Claude Code和Cursor等AI編碼工具讀取和編輯設計工作。 Figma 可在其入門版和付費方案中使用,Penpot 是免費且開放的,而 ExodeUI 則專注於互動式動畫。我們生產ExodeUI。

核心要點

  • MCP(模型上下文協定)是 AI 代理與其他工具對話的標準方式
  • Figma MCP:程式碼產生的設計上下文,並寫回畫布(測試版)
  • Penpot MCP:免費開放,可與 Claude、Cursor、VS Code 和 OpenAI Codex 搭配使用,可自架
  • ExodeUI MCP:AI編碼工具根據提示建立和編輯互動式動畫
  • Icons8 有一個用於圖示和插圖的 MCP 伺服器,不適用於編輯 Lunacy 文件

MCP(模型上下文協定)是一種開放標準,可讓 AI 代理程式連接到資料來源和工具。對於設計師來說,這意味著人工智慧編碼工具可以直接讀取設計文件,而不是根據螢幕截圖進行猜測,並且在某些情況下可以創建或更改設計本身。

Figma 有一個 MCP 伺服器,為 AI 代理程式提供設計上下文,例如變數、元件和佈局,以便它們可以從選定的框架產生程式碼。它還可以將原生 Figma 內容寫回畫布;Figma 將該功能描述為在測試期間免費,並計劃變得基於使用。根據 Figma 的說明中心,MCP 伺服器可用於入門版、專業版、教育版、組織版、政府版和企業版計畫。

Penpot有一個免費開放的MCP伺服器。 Penpot 將其描述為可與任何 MCP 用戶端和模型配合使用,包括 Claude、Cursor、Visual Studio Code 和 OpenAI Codex,團隊可以將其部署在自己的伺服器上以保持設計資料的私密性。

我們製作的 ExodeUI 有一個用於互動式 UI 和動畫的 MCP 伺服器。 Claude Code、Cursor 和其他人工智慧編碼工具可以根據簡單的語言提示建立和編輯動畫,包括狀態、彈簧物理、輸入和事件。結果是一個開啟的 .exode 文件,運行時套件可以在 React、Vue、Svelte、Angular、Solid、React Native、SwiftUI 和 Flutter 中播放。

其他工具正在快速添加 MCP 支持,因此在選擇之前請檢查每個供應商的文檔。例如,Icons8 為其圖示和插圖庫提供了 MCP 伺服器,該伺服器與 Lunacy 設計應用程式一起使用,但不編輯 Lunacy 檔案。

常見問題

MCP 伺服器的設計是什麼?

一項小型服務,以標準方式向 AI 代理程式公開設計工具的檔案和操作,因此 Claude Code 等工具可以讀取設計並進行更改。

Figma MCP伺服器是免費的嗎?

它可在 Figma 的入門計劃和付費計劃中使用。在測試期間寫入畫布是免費的,Figma 表示它將成為基於使用情況的付費功能。

有MCP的開源設計工具嗎?

是的。 Penpot 是開源的,其 MCP 伺服器是免費開放的,您可以自行託管兩者。

AI代理可以透過MCP創建動畫嗎?

是的。 ExodeUI 的 MCP 伺服器允許 AI 編碼工具根據提示建立和編輯互動式動畫。我們生產ExodeUI。

相關指南和範例

嘗試 ExodeUI MCP 伺服器

連接 Claude Code、Cursor 或其他 AI 編碼工具,並根據提示建立互動式動畫。免費開始。

設定MCP伺服器
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →