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 檔案。