連線 Agent

Design Editor 會在你的電腦上執行 MCP 伺服器。任何支援 MCP 的 Agent 都能讀取和編輯你目前開啟的畫布。

1啟動 MCP 伺服器

伺服器監聽 http://127.0.0.1:3100/mcp。開啟任一 Agent 整合後，它會隨 App 一起啟動。否則可以從「設定 > MCP」、首頁上的「啟動伺服器」按鈕，或用 de start 啟動。

伺服器只回應你自己的電腦。它繫結到 127.0.0.1，並拒絕來自其他來源網頁的請求。

開啟「設定 > MCP」（或首頁上的「連線 agent」），開啟你使用的 Agent。App 會把設定項目寫入每個 Agent 自己的設定檔。之後請重新啟動該 Agent 的終端機；升級 Agent 後，需要再次開啟開關。

Claude Code 的設定方式：

終端機

claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcp

其他 Agent 在各自的 MCP 設定中填入同一個網址。「Agent 與設定檔」頁面列出了每個 Agent 讀取的檔案。

請 Agent 呼叫 get_editor_state。它會回傳目前開啟的文件、目前的頁面和選取範圍。接著用一般的話描述你要的畫面，就能看到它出現在畫布上。