连接 Agent

Design Editor 会在你的电脑上运行一个 MCP 服务器。任何支持 MCP 的 Agent 都能读取和编辑你当前打开的画布。

1启动 MCP 服务器

服务器监听 http://127.0.0.1:3100/mcp。开启任一 Agent 集成后，它会随应用一起启动。否则，可以在“设置 > MCP”中、主页的“启动服务器”按钮上，或用 de start 启动它。

服务器只响应你自己的电脑。它绑定到 127.0.0.1，并拒绝来自其他源网页的请求。

打开“设置 > MCP”（或主页上的“连接 Agent”），开启你使用的 Agent。应用会把配置项写入每个 Agent 自己的配置文件。之后请重启该 Agent 所在的终端；升级 Agent 后，需要重新打开开关。

对于 Claude Code：

终端

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

其他 Agent 在各自的 MCP 设置中填写同一个 URL。“Agent 与配置文件”一页列出了每个 Agent 读取的文件。

让 Agent 调用 get_editor_state。它会返回当前打开的文档、当前页面和选区。接下来，用平常的话描述你想要的屏幕，就能看到它出现在画布上。