22 tools that work with draw.io: 9 MCP servers, 13 Agent Skills and 0 Claude Code plugins. 1 of the remote servers answered our live check, 1 worked without an API key, and 1 come from an official or verified publisher. Ranked by GitHub stars plus official, live and free-to-try signals.
Most common uses: Design tools (Figma, Canva...) (9), Frontend, UI components & design-to-code (6), Code search, analysis, refactoring & languages (3), Cloud providers & infrastructure as code (2).
| Tool | Stars | Last update | License | |
|---|---|---|---|---|
| draw.io Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes. MCP serverVerified domain · draw.ioRemote● LiveFree to try | 5,824 | Apache-2.0 | ||
| draw-io-diagram-generator Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, st SkillInstall · skills CLI | 41,140 | MIT | ||
| drawio Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML SkillInstall · skills CLI | 41,140 | MIT | ||
| Next AI Draw.io draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand MCP serverGitHub-verified authorLocal · npm | 36,928 | Apache-2.0 | ||
| draw-io draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage. SkillInstall · skills CLI | 33,495 | MIT | ||
| drawio-reconstruction Reconstructs reference images into high-fidelity, editable Draw.io files with rendered previews: native Draw.io elements carry text and structure, SVG SkillInstall · skills CLI | 12,470 | — | ||
| drawio-skill Create and edit draw.io/diagrams.net diagrams as editable `.drawio` files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views au SkillInstall · skills CLI | 10,766 | MIT | ||
| codegen-diagram 基于当前项目/代码生成 Draw.io 图表，支持技术栈图、系统架构图、数据结构图、E-R 图四种类型。输出符合 Draw.io 语法的 .drawio 文件（mxGraph XML），可直接导入 Draw.io 编辑。当用户提到技术栈、系统架构、数据结构、E-R 图时使用。 SkillInstall · skills CLI | 3,174 | Apache-2.0 | ||
| drawio-diagram 为深度学习模型、网络架构、算法流程等生成标准 Draw.io (.drawio) 格式的可视化图表；支持从零生成与风格迁移两种模式。从零生成：模型架构图、流程图、感受野示意图等；风格迁移：参考图 + 内容描述/项目 → 按参考图风格生成新图。确保 XML 格式正确，可直接在 Draw.io 中打开编 SkillInstall · skills CLI | 3,174 | Apache-2.0 | ||
| pptgen-drawio 根据论文或汇报内容生成多页 Draw.io 格式 PPT，支持论文答辩与通用汇报两种模式，自动导出为 .pptx。当用户提到论文答辩 PPT、答辩幻灯片、通用 PPT、汇报 PPT、根据模板生成 PPT、drawio2pptx 时使用。 SkillInstall · skills CLI | 3,174 | Apache-2.0 | ||
| alphaear-logic-visualizer Create visualize finance logic diagrams (e.g., Draw.io XML) to explain complex finance transmission chains or finance logic flows. SkillInstall · skills CLI | 3,121 | Apache-2.0 | ||
| Smart Drawio Generate, validate, repair and style editable draw.io XML diagrams. MCP serverGitHub-verified authorLocal · npm | 366 | MIT | ||
| drawio Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER SkillInstall · skills CLI | 302 | MIT | ||
| drawio-academic-skills Publication-figure overlay for draw.io. Use instead of drawio whenever the diagram is for a paper, thesis, dissertation, journal, conference, IEEE/ACM SkillInstall · skills CLI | 302 | MIT | ||
| azure-drawio-mcp-diagramming Create and edit architecture diagrams using Draw.io MCP (`drawio/create_diagram`) with reliable Azure icon rendering guidance and troubleshooting. com SkillInstall · skills CLI | 206 | — | ||
| drawio-mcp-diagramming Create and edit diagrams using the Draw.io MCP server — any shape, any vendor. USE FOR: draw me a diagram, create an architecture diagram, add Azure/A SkillInstall · skills CLI | 206 | — | ||
| Orrery Architecture diagrams with official AWS, Azure, GCP and Kubernetes icons, to SVG, PNG and draw.io MCP serverGitHub-verified authorLocal · npm | 7 | MIT | ||
| io.github.yohasacura/drawio-mcp MCP server for creating and editing draw.io / diagrams.net XML files programmatically. MCP serverGitHub-verified authorLocal · PyPI | 6 | MIT | ||
| io.github.Ajey95/drawarch Create editable Draw.io architecture diagrams from prompts and reference images. MCP serverGitHub-verified authorLocal · npm | 1 | MIT | ||
| Diagrams.so Generate and edit AWS, Azure, GCP and Kubernetes architecture diagrams as editable draw.io files. MCP serverGitHub-verified authorLocal · npm | 0 | Apache-2.0 | ||
| EditableImage MCP — Editable Draw.io Diagrams EditableImage MCP: build structured diagrams and export editable Draw.io nodes and connectors. MCP serverGitHub-verified authorLocal · npm | 0 | MIT | ||
| io.github.SaharshPamecha/drawx-mcp-server Generate draw.io diagrams and architecture designs from natural language, via the DrawX API. MCP serverGitHub-verified authorLocal · npm | 0 | MIT |