Lets agents create, read and modify Draw.io diagrams, such as architecture diagrams and flowcharts.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add draw-io -- npx -y drawio-mcp-server~/.codex/config.toml
[mcp_servers.draw-io]
command = "npx"
args = ["-y", "drawio-mcp-server"]
# codex mcp add draw-io -- npx -y drawio-mcp-server~/.cursor/mcp.json
{
"mcpServers": {
"draw-io": {
"command": "npx",
"args": [
"-y",
"drawio-mcp-server"
]
}
}
}.vscode/mcp.json
{
"servers": {
"draw-io": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"drawio-mcp-server"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"draw-io": {
"command": "npx",
"args": [
"-y",
"drawio-mcp-server"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"draw-io": {
"command": "npx",
"args": [
"-y",
"drawio-mcp-server"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"draw-io": {
"command": "npx",
"args": [
"-y",
"drawio-mcp-server"
]
}
}
}