</>MCP Agents Market
MCP Server

drawio-mcp

by jgraph5.3kJavaScriptUpdated 2026-08-03

Claude CodeClaude DesktopCursorVS CodeGitHub Copilot

The draw.io MCP server connects AI assistants to the draw.io diagramming platform, enabling LLMs to generate technical diagrams, flowcharts, and visualizations directly within conversations. It offers four integration approaches: a hosted MCP App server that renders diagrams inline, a local MCP Tool server that opens diagrams in the browser, assistant plugins for Claude Code and GitHub Copilot, and project instructions requiring no installation. The server supports draw.io XML, CSV, and Mermaid.js formats, includes a searchable index of 10,000+ shapes from AWS, Azure, GCP, UML, BPMN and other libraries, and provides auto-layout and routing capabilities for professional diagram generation.

Key Features

Hosted MCP App server at mcp.draw.io renders interactive diagrams inline in chat without installation
Local MCP Tool server (@drawio/mcp) opens diagrams directly in draw.io editor with support for XML, CSV, and Mermaid formats
Search 10,000+ professional shapes across AWS, Azure, GCP, Kubernetes, UML, BPMN, P&ID, electrical, and Cisco libraries
Optional ELK auto-layout and libavoid orthogonal edge routing for clean, professional diagram appearance
Export to PNG, SVG, or PDF with embedded XML for continued editability via draw.io Desktop CLI
Assistant plugins for Claude Code, Codex CLI, and GitHub Copilot with one-line marketplace installation
Self-hosting options for data residency compliance keep diagram content local
Dark mode support and comprehensive style property control for visual customization

Use Cases

  • 01Generate cloud architecture diagrams with AWS, Azure, or GCP components during system design discussions
  • 02Create UML class diagrams and sequence diagrams for software documentation within coding workflows
  • 03Build network topology diagrams with Cisco shapes for infrastructure planning
  • 04Produce BPMN business process flowcharts and P&ID electrical diagrams in technical conversations
  • 05Convert Mermaid.js text descriptions into editable draw.io diagrams with persistent storage
  • 06Visualize database schemas, Kubernetes deployments, and microservice architectures inline in AI chats

Related MCP Servers

View more

drawio-mcp — FAQ

What is the draw.io MCP server?+

It's an official Model Context Protocol server from draw.io that enables AI assistants like Claude and GitHub Copilot to create and manipulate technical diagrams. It supports multiple integration methods including hosted inline rendering, local browser-based editing, and plugin-based file generation.

How do I install the draw.io MCP server?+

For inline rendering, add the hosted URL https://mcp.draw.io/mcp to Claude.ai or Cursor with no installation required. For local use, install the npm package @drawio/mcp and configure it in Claude Desktop or VS Code. Alternatively, install the plugin via '/plugin marketplace add jgraph/drawio-mcp' in Claude Code.

Which AI clients work with the draw.io MCP server?+

The MCP App server works with Claude.ai, Cursor, VS Code, and any MCP Apps-compatible host. The Tool server supports Claude Desktop, Cursor, and standard MCP clients. Plugins are available for Claude Code, Codex CLI, and GitHub Copilot.

Does the draw.io MCP server require API keys?+

No API keys are required. The hosted MCP App server is publicly accessible at mcp.draw.io, and the local Tool server runs entirely offline. Optional PNG/SVG/PDF export requires draw.io Desktop to be installed locally.

Is the draw.io MCP server free to use?+

Yes, the draw.io MCP server is completely free and open source. Both the hosted service at mcp.draw.io and the npm package are available at no cost, and you can self-host for data residency requirements.

Can I use the draw.io MCP server offline or with strict data controls?+

Yes. The MCP Tool server and assistant plugins keep all diagram data local, using URL fragments that never transmit to servers. You can also self-host the MCP App server on your own infrastructure and point to a self-hosted draw.io instance to eliminate all external requests.

How do I install drawio-mcp?+

Open the source repository on GitHub and follow its README. drawio-mcp is a mcp server — MCP Agents Market links you directly to the official repo.

Is drawio-mcp free?+

drawio-mcp is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches