What is Draw.io MCP server?
Draw.io MCP server is an MCP server that lets AI agents control Draw.io diagrams programmatically. It provides tools to create, read, update, and delete diagram elements, enabling AI assistants to build architectural diagrams, flowcharts, and visual documentation automatically. It can be used with a built-in editor (server hosts Draw.io directly) or via a browser extension that connects to Draw.io running in the browser.
How to use Draw.io MCP server?
Configure the server in your MCP client (e.g., Claude Desktop, Claude Code, Zed, Codex, OpenCode) by adding a stdio command with npx -y drawio-mcp-server --editor. After restarting the host, open http://localhost:3000/ to access the built-in editor. Then prompt your AI assistant to create or modify diagrams. Alternatively, use the browser extension and run the server without the --editor flag.
Key features of Draw.io MCP server
- Built-in Draw.io editor – no browser extension required
- Import and export diagrams from/to XML, SVG, or PNG
- Multi‑document and multi‑page targeting with page selectors
- Page management tools: list, create, copy, rename pages
- Layer management for organizing complex diagrams
- Auto‑discovery of AWS, GCP, Azure, Cisco19, and CiscoSafe stencils
- Per‑document FIFO serialization for safe multi‑agent workflows
- Mermaid diagram import, embed, and expand support
- Optional TLS mode with self‑signed certificate generation
Use cases of Draw.io MCP server
- Automatically create event‑driven architecture diagrams with message queues and services
- Build multi‑page architecture diagrams using parallel agent workflows for different pages
- Generate CRUD API diagrams with databases, API gateways, and microservices
- Organize complex diagrams by adding layers and moving decorative elements to them
- Import existing diagrams from XML, SVG, or PNG for inspection and modification
Comments