适合谁
- 需要让 AI 自动生成或维护 Draw.io 图表的团队
- 使用 Claude Desktop、Claude Code、Zed、Codex 或 OpenCode 的用户
- 需要多文档、多页面协作和厂商图标的图表工作流
D
52FMRS · D
这是一个由社区仓库维护的 Draw.io MCP Server，提供通过 stdio 启动的本地 MCP 服务。README 明确展示了多个 MCP 客户端配置示例、图表编辑能力、页面与文档定位能力，以及内置编辑器和浏览器扩展两种使用方式。未提供完整工具清单或服务器清单，因此工具字段仅列出 README 中明确出现的工具标识。
Draw.io MCP Server 为 AI 助手提供操作 Draw.io（Diagrams.net）图表的能力，可检查和修改图形、连线、页面与图层，并支持内置编辑器或浏览器扩展。
工具能力
list-documents
列出已连接的 Draw.io 文档实例，用于选择目标文档。
list-pages
列出目标文档中的页面。
get-current-page
获取当前页面信息。
create-page
创建新页面。
copy-page
复制页面。
rename-page
重命名页面。
安装接入
在支持 MCP 的客户端配置中加入 install_config 中的 JSON，重启客户端，然后访问 http://localhost:3000/。运行时需要 Node.js 22 或更高版本；使用浏览器扩展时，还需安装扩展并在浏览器中打开 Draw.io。
claude_desktop_config.json
{"mcpServers":{"drawio":{"command":"npx","args":["-y","drawio-mcp-server","--editor"]}}}
选型与风险
不适合谁
- 只需要文本输出而不需要图表编辑的工作流
- 要求 Draw.io Desktop 端到端稳定集成的用户
- 不愿安装 Node.js 或浏览器扩展的用户
所需权限
- 需要访问已连接的 Draw.io 文档实例并读取图表内容
- 需要对目标图表执行创建、修改和删除操作
- 使用浏览器扩展时，需要浏览器中的 Draw.io 页面与扩展连接
风险与副作用
- AI 可以修改或删除目标图表元素，错误操作可能破坏图表内容
- 浏览器扩展模式依赖扩展与 Draw.io 页面之间的连接
- TLS 自签名证书可能带来浏览器信任和连接配置问题
- Draw.io Desktop 集成仍处于实验阶段，并受到上游 CSP 限制
常见排障
- 确认使用 Node.js 22 或更高版本
- 确认 MCP 客户端已重启并正确加载配置
- 使用内置编辑器时检查 http://localhost:3000/ 是否可访问
- 使用浏览器扩展时确认扩展已安装、Draw.io 已打开且连接指示为绿色
- 若使用 Firefox，确认已启用 TLS 模式
- Draw.io Desktop 集成遇到连接失败时，检查其已知的上游 CSP 限制
使用场景
自动创建架构图、流程图和可视化文档
检查、修改和组织多页面 Draw.io 图表
导入、嵌入或展开 Mermaid 图表
管理图层、页面以及嵌套图形
支持客户端
Claude Desktop完整支持
Claude Code完整支持
Zed完整支持
Codex完整支持
OpenCode完整支持