老牌绘图神器Draw.io现名 diagrams.net发布了官方MCP Server。这意味着你可以在 Cursor、Claude Desktop 等支持 MCP 的编辑器里直接呼叫 Draw.io 帮你画图画完直接弹出网页编辑器丝滑得不像话。Draw.io 官方发布 MCPDraw.io 的这个 MCP 工具drawio-mcp走了一条非常聪明的路子。它不是自己在后台“画”一张图而是把 AI 生成的逻辑Mermaid、CSV、XML瞬间转换成 Draw.io 的专用链接。简单来说流程变成了这样你告诉 AI“画个 OAuth2 流程图”。AI 生成结构化数据。MCP 工具把数据压缩、编码。嘭浏览器自动弹出一个 Draw.io 编辑页面图已经画好了每一个节点都能拖、能改、能换色。实际上手Cursor 里的丝滑体验我第一时间在 Cursor 里安装并体验了一下整个过程确实如标题所言——丝滑。1. 安装安装非常简单因为它发布在 npm 上。在 Cursor 的Features-MCP设置里添加一个新的 MCP Server{ mcpServers: { drawio-mcp: { command: npx, args: [-y, drawio/mcp] } } }全局安装的也可以这样{ mcpServers: { drawio-mcp: { command: drawio/mcp } } }Cursor 中安装 Draw.io MCP2. 实战画一个 OAuth2 时序图装好之后不需要重启直接在 Chat 窗口给指令。我输入了提示词“使用 draw.io MCP 工具 open_drawio_mermaid 制作展示 OAuth2 流程的时序图Cursor 迅速理解了意图调用了open_drawio_mermaid工具。Chat 交互过程注意看AI 并没有给我生成一大段 Mermaid 代码让我自己去复制粘贴而是直接执行了一个操作。紧接着我的浏览器自动打开了一个新标签页。3. 见证奇迹浏览器里直接加载出了完整的、标准样式的 OAuth2 流程图生成的 OAuth2 流程图最重要的是这是可编辑的觉得“Token Exchange”这个框太窄了直接拉宽。想把线条颜色改成红色点一下色板。想加个具体的公司 Logo直接从左侧素材库里拖进去。这就是 AI 辅助开发的“终极形态”之一AI 负责结构和草稿人类负责审美和微调工具负责连接这一切。还可以在聊天窗口继续调整图表比如文案要中文但这个修改不是真正的在原来基础上改而是又生成一个新的。它支持什么根据 GitHub 上的官方文档这个 MCP Server 目前支持三种核心模式**Mermaid 转图 (open_drawio_mermaid)**这是最常用的。AI 写 Mermaid 逻辑最强Draw.io 负责渲染和二次编辑绝配。**CSV 转图 (open_drawio_csv)**适合画组织架构图、网络拓扑图。你扔给 AI 一堆人员名单和汇报关系它能瞬间生成树状图。**XML 原生格式 (open_drawio_xml)**如果你有现成的 Draw.io XML 数据或者让 AI 学习了 XML 结构可以直接生成最复杂的图表。好用但有边界虽然体验很惊艳但站在客观技术角度咱们也得聊聊它的实现原理和潜在限制。1. 它是如何“打开”的这个 MCP 并没有神奇到远程控制你的浏览器。它的原理非常巧妙且“无状态”它生成了一个带有超长 Hash 参数的 URL。 比如https://app.diagrams.net/#create...后面跟着的那一大串乱码其实就是经过压缩Deflate和 Base64 编码的图表数据。这样做的好处是隐私性好——数据都在 URL 里完全在你的本地浏览器解析不需要上传到 Draw.io 的服务器保存。2. 长度限制既然数据在 URL 里那就受限于浏览器对 URL 长度的限制。虽然 Draw.io 做了压缩但如果你让 AI 画一个包含 500 个节点的超复杂微服务架构图生成的 URL 可能会过长导致截断或打不开。总结Draw.io 这次官方下场支持 MCP其实释放了一个很积极的信号传统工具厂商正在拥抱 AI Agent 生态。以前工具厂商想的是“我要在我的软件里加个 AI 助手”。 现在聪明的厂商意识到“我要让我的软件成为 AI Agent 手里的一个好用的工具”。对于我们开发者来说这绝对是利好。以后写设计文档、画架构图再也不用对着空白画板发呆用这个官方的 MCP 工具可以丝滑的生成图表。参考资料Draw.io MCP GitHub 仓库: https://github.com/jgraph/drawio-mcp热点推荐Claude Code 写了个 250KB 的开源库真把 Node.js 搬进了浏览器炸裂Claude Opus 4.6 与 GPT-5.3 同日发布前端人的自动驾驶时刻到了尤雨溪最新爆料Vite 8 这一招太绝了版本迁移效率原地起飞Vue 核心团队出手Anthony Fu 发布 Skills 仓库斩获 3K StarAI 编程进入「官方投喂」时代Skills 乱麻了这款开源神器彻底终结噩梦Cursor/Claude 一键全同步