Draw.io MCP Studio
Run the repo's 30 diagram tools in your browser, draw, connect and export real .drawio XML for free.
Draw.io MCP Studio — run the repo's 30 diagram tools in your browser, draw, connect and export real .drawio XML for free
How to use Draw.io MCP Studio
- Open the Diagram tab and press Rectangle to add the repo's default 200 by 100 cell.
- Click a cell to select it, then edit its text, position, size, shape or layer in the inspector.
- Pick a source cell, press Edge, then click a target cell to connect them.
- Open the MCP Tools tab, pick any of the 30 tools and press Run locally to try it.
- Paste Mermaid flowchart text and press Import to convert it into diagram cells.
- Press .drawio or SVG to export the diagram, or Import .drawio to load a file back.
Features
- All 30 MCP tools from drawio-mcp-server v2.3.0 with exact names, groups and parameters
- Diagram canvas with pages, layers and the repo's add-rectangle defaults
- Shape library with general, AWS, GCP, Azure, Cisco19 and CiscoSafe vendor palettes
- Mermaid import that converts flowchart nodes into rectangle cells and links into edges
- Real .drawio XML export in the repo's mxGraphModel format, plus SVG export
- Server setup guide with install commands, transports and port defaults
Frequently asked questions
Is it free?
Yes, unlimited.
Login to use this free online tool. Create a free account to get started.