Draw.io diagram generation
Official draw.io MCP integration for architecture diagrams, flowcharts, org charts, network layouts, and process maps.
When to use
Use this server when the user asks for a visual diagram they can edit later — especially AWS/cloud architecture, software component maps, user flows, org charts, or any box-and-arrow layout. Prefer inline diagram preview when the chat host supports MCP Apps; the output opens in the draw.io editor for full editing.
Two capabilities
Create a diagram — Turn structured diagram input into an interactive draw.io diagram. Accepts either Mermaid syntax (best for architecture, flowcharts, sequence diagrams the agent can generate from conversation) or native draw.io XML (for precise layout control). Use Mermaid when starting from a natural-language request; use XML when refining an existing diagram or when the user supplied draw.io XML.
Search shapes — Look up draw.io stencil shapes by keyword when building custom XML layouts (AWS icons, network symbols, UML shapes, etc.). Returns exact style strings to embed in diagram XML. Use this only when hand-crafting XML; do not use it when Mermaid covers the layout.
Typical workflows
- Architecture from description — User describes a system → generate Mermaid (graph TB/LR with labeled nodes and edges) → create diagram → share the preview link.
- Flowchart / process — User describes steps and decisions → Mermaid flowchart → create diagram.
- Org chart from data — User provides CSV or hierarchy → convert to Mermaid or draw.io XML → create diagram.
- Refine existing diagram — User pastes Mermaid or draw.io XML → create diagram with updates.
Format guidance
- Mermaid: keep node IDs short; quote labels with spaces; use graph TB or graph LR for architecture; use flowchart TD for processes.
- draw.io XML: only when Mermaid cannot express the layout; search shapes first for cloud/vendor icons.
- Do not mix formats in one call — pass either Mermaid or XML, not both.
Output behavior
Diagrams render inline in MCP App-capable hosts. Users can open the full draw.io editor from the preview to adjust layout, colors, and export to PNG/SVG/PDF. No account is required on the MCPBundles side — connect and use immediately.
