让 AI Agent 帮你画架构图：drawio-mcp 使用指南
AI 编码 Agent 有一个众所周知的短板：画图。它能用文本描述一个流程图，能生成半渲染的 Mermaid 代码，或者输出一个看起来像 90 年代互联网的 ASCII art——但没有任何一种产出是你可以在真实绘图工具里打开、拖动节点、然后放到演示文稿里的。drawio-mcp 是 JGraph（draw.io 的开发商）开源的 MCP 服务器，它让 Agent 生成原生的 .drawio 文件——在 draw.io 或任何 mxGraph 兼容的编辑器里都能直接打开的图表文件。
工作方式
Agent 接收你的自然语言描述——“画一个用户登录流程图”或”为电商数据库画一个 ER 图”——然后生成 draw.io 原生格式的 mxGraphModel XML。结果是一个 .drawio 文件，双击就能打开、编辑、导出。支持所有标准图表类型：流程图、架构图、ER 图、时序图、类图、网络拓扑、线框图、UI 草图。MCP 服务器还暴露了导出工具——PNG、SVG、PDF——且导出文件中嵌入了图表 XML，所以导出的图片仍然可以用 draw.io 再次编辑。
为什么比 Mermaid 好用
目前 AI Agent 最常用的图表方案是 Mermaid.js，但它的天花板很明显。复杂布局、精确定位、泳道、嵌套容器、自定义样式、暗色模式色板——这些都超出了 Mermaid 的表达范围。draw.io 的 mxGraph 格式是一个完整的矢量画布：每个元素都显式定位、独立样式化、支持图层。.drawio 文件底层就是 XML，Agent 可以直接生成，无需服务端渲染、无需 API 调用、除了 MCP 服务器本身之外没有任何依赖。对 Agent 来说是文本生成任务，对人类来说是可以放进演示文稿的真实图表文件。
“Agent 能生成的图”和”你愿意放进幻灯片里的图”之间的差距，正好由 drawio-mcp 来填补——因为它产出的文件，是真实工具里的头等公民。
