draw.io 官方 MCP

关于 draw.io 官方 MCP

draw.io MCP Server 由 draw.io 官方 JGraph 开源维护, 采用 Apache-2.0 许可, 2026 年发布。它把 draw.io 的图形能力接进 AI 助手: 模型不必手写 SVG, 而是输出 draw.io 原生 XML 或 Mermaid、CSV, 在编辑器里直接渲染成可继续编辑的图表, 并提供一万多个图形库 (AWS、Azure、K8s、UML、BPMN 等)检索。

差异化在于四种接入形态: 官方托管的 MCP App 端点可在对话中内联渲染图表; 本地 stdio 工具服务把图开在浏览器里; Claude Code 等客户端还能安装官方插件, 直接落盘.drawio 文件, 并通过本地 draw.io Desktop CLI 导出 PNG/SVG/PDF, 导出文件内嵌 XML 仍然可编辑。仓库明确说明除托管端点外, 图形数据不出本机。

技能规格

怎么安装

Claude Code 安装官方插件: /plugin marketplace add jgraph/drawio-mcp 然后 /plugin install drawio@drawio; 或用 stdio 工具服务, mcpServers 配置 {"command":"npx","args":["-y","@drawio/mcp"]}; 也可直接连官方托管端点 https://mcp.draw.io/mcp。详见 https://github.com/jgraph/drawio-mcp

适用场景

• 架构与技术方案图: 让 agent 读代码或 PRD 后生成系统架构图、时序图, 输出.drawio 便于团队继续编辑。
• 云资源拓扑: 用 search_shapes 检索 AWS/Azure/GCP/K8s 官方图标, 快速拼出部署拓扑与网络分区图。
• 文档配图流水线: 在 Claude Code 中把 Markdown 描述批量转成 PNG/SVG 导出, 直接嵌进博客或 README。

相关链接

同维度的其他技能

以下是「设计创作」维度下的其他技能,可作备选。 想一次看完,见 设计创作类 Agent Skills。