Draw.io MCP server

Install

npx skillfoxx add mcp/lgazo-drawio-mcp-server

claude mcp add --transport stdio drawio -- npx -y drawio-mcp-server --editor

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

code --add-mcp '{"name":"drawio","type":"stdio","command":"npx","args":["-y","drawio-mcp-server","--editor"]}'

{
  "servers": {
    "drawio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

codex mcp add drawio -- npx -y drawio-mcp-server --editor

[mcp_servers.drawio]
command = "npx"
args = ["-y", "drawio-mcp-server", "--editor"]

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcp": {
    "drawio": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "context_servers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": [
        "-y",
        "drawio-mcp-server",
        "--editor"
      ]
    }
  }
}

/plugin marketplace add lgazo/drawio-mcp-server
/plugin install drawio

This is third-party code. Review the repository files before installing.

What it does

The server gives the agent a set of MCP tools to control draw.io diagrams. With them it can create, read, change and delete shapes, edges and labels, work with layers and pages, and import and export diagrams as XML, SVG and PNG. It supports importing and embedding Mermaid diagrams. Shape sets for AWS, GCP, Azure and Cisco are picked up from the draw.io sidebar at runtime, so the agent places the right icons without a pre-built catalog. You can work through the built-in editor that the server hosts, or through a browser extension connected to draw.io in your browser.

Who it is for. For developers, architects and technical writers who need to build diagrams straight from a chat with the agent.

Example request

Build an event-driven architecture diagram with a message queue, producers, consumers and three services

Limitations

The server needs Node.js 22 or newer and runs as part of an MCP host. It requires either the built-in editor with the --editor flag or the browser extension with draw.io open in the browser. Integration with the draw.io desktop Electron app is marked experimental and is currently blocked by a CSP restriction on the draw.io side. A TLS mode with HTTPS and WSS is opt-in, and the server can generate self-signed certificates itself.

How to disable. Remove the drawio entry from your client's MCP configuration. If you installed it as a Claude Code plugin, remove it via /plugin.

MCP

Transport

stdio

Authentication

not required

Security check

• Runs a local server and connects to the editor over websocket
• Creates and changes diagrams and can save them to files

README in short

The README presents an MCP server for draw.io that gives agents tools to create, read, change and delete diagram elements. You can work through the built-in editor with the --editor flag or through a browser extension. The fastest install is the Claude Code plugin via /plugin or the npx drawio-mcp-server install command for the target host, with a manual mcpServers config snippet also provided. It lists layers, pages, XML, SVG and PNG import and export, Mermaid import and runtime pickup of AWS, GCP, Azure and Cisco shapes. It states that Node.js 22 or newer is required and that draw.io desktop integration is still experimental. MIT licensed.

Related