安装

$ claude mcp add --scope user drawio -- npx @next-ai-drawio/mcp-server@latest

--scope user 让所有项目都能用这些工具。不加的话，只有在运行命令的那个文件夹里才能用。

也可以从 Claude Code 社区插件市场安装插件（需要 Claude Code 2.1.275 或更高版本）：

/plugin install next-ai-drawio --marketplace anthropics/claude-plugins-community

重启客户端，然后提一个需求，比如“读一下这个仓库，画出它的架构”。浏览器里会打开预览，图表会边画边显示。

它能做什么

代理用自己的工具读取代码和文档。已有的 .drawio 和 .drawio.svg 文件也能打开。

AI 的修改会被框出几秒钟，按一次 Ctrl+Z 就能撤回。最近 20 个版本显示在画布旁边，可以恢复或对比。

随时可以手动修改，也可以选中图形说“这些”。AI 再次修改前会先读取您的改动。

使用网页版的绘图规则和图形库，包括 AWS、Azure、GCP、Kubernetes、Cisco 等，AI 用的是真实的图标名称。

AI 可以查看渲染后的截图，修正重叠的图形。

可以保存为 .drawio、.png、.svg 或 .drawio.svg。draw.io 编辑器打包在里面，离线也能用；每张图都会保存，之后的对话可以接着画。

能画 draw.io 图表的 MCP 服务器有好几个。截至 2026 年 10 月，它们的区别如下：

服务器	如何查看和修改图表	适合的情况
本服务器 `@next-ai-drawio/mcp-server`	如何查看和修改图表浏览器里一块实时的 draw.io 画布。AI 能读回画布，包括您的手动修改和选中的图形；它的修改会被框出来，Ctrl+Z 可以撤回，也能恢复之前的版本	适合的情况您和 AI 轮流修改同一张图
draw.io 官方的 `@drawio/mcp`	如何查看和修改图表把用 XML、CSV 或 Mermaid 生成的图在新标签页的 draw.io 编辑器里打开；没有读回图表的工具	适合的情况您想在完整的 draw.io 编辑器里自己继续编辑
draw.io 托管的 MCP 应用 `https://mcp.draw.io/mcp`	如何查看和修改图表在 Claude.ai、ChatGPT、VS Code 或 Cursor 的对话里直接显示图表，无需安装；图表会发送到 draw.io 的服务器	适合的情况您在聊天应用里工作，想在对话中看到图
draw.io 为 Claude Code、Codex CLI 和 Copilot CLI 做的插件	如何查看和修改图表一个写 `.drawio` 文件的技能；导出 PNG、SVG 和 PDF 需要 draw.io 桌面版	适合的情况您想在仓库里得到图表文件，不想用 MCP 服务器
`lgazo/drawio-mcp-server`	如何查看和修改图表localhost 上的 draw.io 编辑器，或通过浏览器扩展连接您自己的 draw.io；工具可以逐个创建、读取、更新和删除图形、图层和页面	适合的情况您需要细粒度的工具、同时处理多个文档，或导入 Mermaid

工具	作用
`start_session`	打开预览并返回绘图指南；用 `session_id` 可以接着画已保存的图
`create_new_diagram`	用 `mxCell` XML 画一张新图
`edit_diagram`	按 id 添加、更新或删除单元格，要么全部生效，要么都不改
`get_diagram`	当前的 XML，包括您在浏览器里的修改
`get_selection`	您在预览里选中的图形
`screenshot_diagram`	某一页的 PNG，供 AI 检查
`load_diagramexport_diagram`	打开 `.drawio` 或 `.drawio.svg` 文件；保存为 `.drawio`、`.png`、`.svg` 或 `.drawio.svg`
`restore_version`	回到之前的版本，之后仍可重做
`list_saved_diagrams`	之前的会话保存的图表，最新的在前
`get_drawing_guideget_shape_library`	再次获取绘图规则；获取 `aws4` 等图形库的图标样式
`list_pagesadd_pagerename_pagedelete_page`	页面（标签页）

环境变量、自定义绘图规则、自建 draw.io，以及常见问题的解决办法，见文档和 README。