
Lets your agent draw flowcharts, UML, cloud architecture and other diagrams right in the chat, ready to open and edit in draw.io.
by Draw· DesignUnclaimed · Yours? Claim it
About
draw.io's own hosted MCP server. Ask your agent for a diagram and it draws one with native draw.io shapes, from draw.io XML or Mermaid, and shows it in the conversation as an interactive diagram you can zoom, pan and open in the draw.io editor. What you can do with it - Draw flowcharts, sequence and UML class diagrams, ER diagrams, mind maps, timelines and more - Diagram cloud and network architecture with shapes from the AWS, Azure, Google Cloud, Kubernetes, Cisco and other draw.io libraries - Sketch wireframes, floor plans, electrical circuits, P&IDs and business model canvases - Change a diagram by asking in the same chat: another colour theme, different icons or a missing step - Click "Open in draw.io" to edit the result yourself How it connects draw.io hosts it at https://mcp.draw.io/mcp, so there's nothing to install. Add it as a remote MCP server: in Claude it's also in the connectors directory, and in ChatGPT you add it as a custom MCP server. It needs no account and no sign-in. Diagrams appear right in the chat in agents that support MCP Apps, such as Claude, ChatGPT, VS Code with GitHub Copilot and Cursor; in others it answers with a link that opens the diagram in draw.io. Its tools - create_diagram draws draw.io XML or Mermaid as an interactive diagram - search_shapes finds the right shape in the draw.io libraries before it draws - get_drawio_reference gives the agent draw.io's XML or Mermaid guide Good to know - The hosted server gets only what your agent sends to draw the diagram, not your conversation. draw.io says it doesn't store diagram data or use it to train AI models. - To keep diagrams on your own network, run the same server yourself with the jgraph/drawio-mcp Docker image. - For XML diagrams, an optional layout pass can rearrange the shapes into a clean layered layout.
Plugins people install alongside draw.io MCP.
4 images
Once it’s added
“Draw an online shop's order process as a flowchart, with a retry loop if the payment fails.”
“Draw the OAuth 2.0 authorization code flow as a sequence diagram.”
“Draw the AWS architecture of a photo-sharing app using CloudFront, S3, API Gateway, Lambda, DynamoDB and Cognito.”
“Draw a UML class diagram for an online store: Customer, Order, OrderItem, Product and Payment.”
“Make a mind map for planning a family vacation.”
“Draw a wireframe of a mobile app login screen with email, password and social login buttons.”
Before you add it
Reads only
draw.io's shape libraries, to find the right shapes · draw.io's XML and Mermaid guides
Makes changes · your agent can ask first
Draws new diagrams in the chat, ready to open and edit in draw.io
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
Add to VS Codecopilot mcp add --transport http draw-io-mcp https://mcp.draw.io/mcp
A hosted server: nothing runs on your machine.
Add to Cursor.cursor/mcp.json{
"mcpServers": {
"draw-io-mcp": {
"url": "https://mcp.draw.io/mcp"
}
}
}A hosted server: nothing runs on your machine.
claude mcp add --transport http draw-io-mcp https://mcp.draw.io/mcp
A hosted server: nothing runs on your machine.
codex mcp add draw-io-mcp --url https://mcp.draw.io/mcp
A hosted server: nothing runs on your machine.
~/.gemini/config/mcp_config.json{
"mcpServers": {
"draw-io-mcp": {
"url": "https://mcp.draw.io/mcp"
}
}
}A hosted server: nothing runs on your machine.
gemini mcp add --transport http draw-io-mcp https://mcp.draw.io/mcp
A hosted server: nothing runs on your machine.
A hosted server: nothing runs on your machine.
openclaw mcp add draw-io-mcp --url https://mcp.draw.io/mcp --transport streamable-http
A hosted server: nothing runs on your machine.
opencode mcp add draw-io-mcp --url https://mcp.draw.io/mcp
A hosted server: nothing runs on your machine.
hermes mcp add draw-io-mcp --url https://mcp.draw.io/mcp
~/.hermes/config.yaml{
"mcp_servers": {
"draw-io-mcp": {
"url": "https://mcp.draw.io/mcp"
}
}
}Scanned and passed · checked 6 h ago
No reviews yet. Used draw.io MCP? Say how it went.
Write a reviewPlugins people install alongside draw.io MCP.
Connects your coding agent to OpenDesign on your machine: start design runs, create projects and read the live files of your prototypes.
Reviews your frontend code and live pages against the Front-End Checklist rules for accessibility, performance, SEO and security.
Your agent draws editorial diagrams in your brand, as one self-contained HTML and SVG file, and redraws Mermaid, draw.io and Excalidraw.
Gives your agent a live tldraw canvas in the chat, so it can draw diagrams, flows and sketches with you.
Nobody has shared how they use draw.io MCP yet.
Security scan
Passed
Safe to install in every agent it supports. Runs remotely on mcp.draw.io · answering.