
最近绘图神器 draw.io 发布了官方 MCP Server。
我们现在可以在 Cursor、Claude Desktop 等支持 MCP 的编辑器里让 draw.io 帮忙画图,画完后,它会直接弹出网页编辑器,我们可以基于已绘制的图进行再次编辑,体验非常酷。
接下来我们一起看看怎么使用它。
安装与配置
一、在 Cursor 中配置 MCP server:
- 打开 Cursor,进入 Settings → Cursor Settings → MCP(或直接 Cmd + Shift + J)
- 点击 + Add new global MCP server,这会打开配置文件 ~/.cursor/mcp.json
- 填入:
{"mcpServers":{"drawio-mcp":{"command":"npx","args":["-y","@drawio/mcp"]}}}
- 保存后回到 MCP 设置页面,应该能看到 drawio-mcp 已列出,状态显示为绿色即表示连接成功。
提示:如果状态显示红色/失败,可以点旁边的刷新按钮重试。同样注意 npx 路径问题,必要时用完整路径替代。
二、在 Claude 添加 drawio-mcp
1)、在 Claude Mac 客户端中添加 MCP server 的步骤:
- 打开 Claude 桌面客户端,点击菜单栏 Claude → Settings → Developer → Edit Config
- 这会打开配置文件 claude_desktop_config.json,路径通常是: ~/Library/Application Support/Claude/claude_desktop_config.json
- 在文件中添加:
{ "mcpServers": { "drawio-mcp"




