Draw.io MCP

Name: Draw.io MCP
Author: jgraph

jgraph官方

开始使用源码仓库官网与文档

Lets LLMs create and open draw.io diagrams from chat, such as flowcharts and documentation visuals.

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

本地运行

claude mcp add draw-io -- npx @drawio/mcp

~/.codex/config.toml

[mcp_servers.draw-io]
command = "npx"
args = ["@drawio/mcp"]

# codex mcp add draw-io -- npx @drawio/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "draw-io": {
      "command": "npx",
      "args": [
        "@drawio/mcp"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "draw-io": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "@drawio/mcp"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "draw-io": {
      "command": "npx",
      "args": [
        "@drawio/mcp"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "draw-io": {
      "command": "npx",
      "args": [
        "@drawio/mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "draw-io": {
      "command": "npx",
      "args": [
        "@drawio/mcp"
      ]
    }
  }
}

远程托管

claude mcp add --transport http draw-io https://mcp.draw.io/mcp