広告掲載
MCP.so
ログイン

Draw.io MCP server

@lgazo

リポジトリ

基本情報

カテゴリ

その他

ライセンス

MIT

トランスポート

stdio

作者

lgazo

Draw.io MCP server について

Draw.io Model Context Protocol (MCP) Server

Draw.io MCP server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

Draw.io MCP server のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

上のボタンで一時的なサンドボックスでこのサーバーを実行し、ツール一覧を取得できます。

概要

What is Draw.io MCP server?

Draw.io MCP server is an MCP server that lets AI agents control Draw.io diagrams programmatically. It provides tools to create, read, update, and delete diagram elements, enabling AI assistants to build architectural diagrams, flowcharts, and visual documentation automatically. It can be used with a built-in editor (server hosts Draw.io directly) or via a browser extension that connects to Draw.io running in the browser.

How to use Draw.io MCP server?

Configure the server in your MCP client (e.g., Claude Desktop, Claude Code, Zed, Codex, OpenCode) by adding a stdio command with npx -y drawio-mcp-server --editor. After restarting the host, open http://localhost:3000/ to access the built-in editor. Then prompt your AI assistant to create or modify diagrams. Alternatively, use the browser extension and run the server without the --editor flag.

Key features of Draw.io MCP server

  • Built-in Draw.io editor – no browser extension required
  • Import and export diagrams from/to XML, SVG, or PNG
  • Multi‑document and multi‑page targeting with page selectors
  • Page management tools: list, create, copy, rename pages
  • Layer management for organizing complex diagrams
  • Auto‑discovery of AWS, GCP, Azure, Cisco19, and CiscoSafe stencils
  • Per‑document FIFO serialization for safe multi‑agent workflows
  • Mermaid diagram import, embed, and expand support
  • Optional TLS mode with self‑signed certificate generation

Use cases of Draw.io MCP server

  • Automatically create event‑driven architecture diagrams with message queues and services
  • Build multi‑page architecture diagrams using parallel agent workflows for different pages
  • Generate CRUD API diagrams with databases, API gateways, and microservices
  • Organize complex diagrams by adding layers and moving decorative elements to them
  • Import existing diagrams from XML, SVG, or PNG for inspection and modification

よくある質問

1

What are the differences between the built‑in editor and the browser extension?

The built‑in editor runs Draw.io directly inside the MCP server without extra requirements. The browser extension connects to Draw.io already open in your browser, allowing you to use your own editor instance.

2

What runtime dependencies are required?

Node.js v22 or higher (tested against v22 LTS and v24 LTS) and an MCP‑compatible host. The built‑in editor has no further dependencies; the browser extension requires installing the corresponding Chrome/Firefox add‑on.

3

Where are diagrams stored?

Diagrams live in the Draw.io editor session managed by the server. You can export them to XML, SVG, or PNG files using the available MCP tools.

4

Does the server support TLS connections?

Yes. The server offers an opt‑in TLS mode (HTTPS + WSS) that accepts manual certificate/key files or auto‑generates self‑signed material via a per‑user local CA.

5

Are there any known limitations with the desktop app?

Integration with the Draw.io Desktop (Electron) app is experimental and currently blocked by an upstream Content‑Security‑Policy issue that rejects the WebSocket connection to the MCP server.

コメント

「その他」の他のコンテンツ

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

Volley.sh

Volley

A good sequence diagram can solve almost any communication problem in engineering. Volley lets your agent write them as plain text, with the real request and response payloads on every arrow. It checks its own syntax wi

Glasswarp

Glasswarp

See and control a real Windows PC you own — from any MCP client, locally or remotely. Observe (UIA + screenshots), click/type/drag/scroll, launch apps, owner Live View. BYOH: your machine, your key.

Soar Flight Booking MCP

Soar Flight Booking MCP is a remote MCP server available at https://mcp.soar.flights.

広告掲載