lgazo/drawio-mcp-server

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

1498 stars 135 forks 品質 84 トレンド 39MIT

Repository Install

Draw.io モデルコンテキストプロトコル(MCP)サーバー

概要

では、最も普及している図式ツールである「Draw.io(Diagrams.net)を使って、Vibe図解を試してみよう。 - 組み込みの Draw.io エディター - ブラウザ拡張機能不要 - AIエージェントが Draw.io 図を制御できるMCPサーバー - MCPツールによるプログラム的図の作成、検査、修正 - 複雑な図のレイヤー管理 - あらゆるMCPクライアント(Claude Desktop、Claude Code、Zed、Codexなど)に対応します Draw.io MCPサーバーは、AIエージェントに Draw.io 図作成機能をもたらします。また、図の要素を作成、読み取り、更新、削除できるMCPツールを提供し、AIアシスタントがアーキテクチャ図、フローチャート、視覚的なドキュメントを自動的に作成できるようにします。 2つの使い方があります:1. - サーバーホストを直接 Draw.io、ブラウザ上でアクセス可能 2.- 拡張機能を使ってブラウザ上で動作 Draw.io 接続実験的:統合は進行中ですが、現在は上流のCSPの問題でブロックされています — 詳細は DESKTOP.md 参照。

概要（AI 翻訳）

英語 ·简体中文

では、最も普及している図式ツールである「Draw.io(Diagrams.net)を使って、Vibe図解を試してみよう。

主なハイライト

Claude Codeプラグイン:/plugin marketplace add lgazo/drawio-mcp-serverの次に/plugin install drawio、/drawio-openと/drawio-statusのスラッシュコマンドで
npx drawio-mcp-server install は、claude-code、claude-desktop、codex、zed、opencode、またはallのMCP構成を書き込みます。
ドキュメント永続化ツール:set-document-titleおよびsave-document
Draw.io ライブラリAPIバージョン互換性メカニズム
IFramesでMCP Draw.io 有効化
AWS、GCP、Azure、Cisco19、CiscoSafeのステンシルは、drawioのサイドバーから実行時に自動発見されます
複数タブワークフロー向けのlist-documentsおよび[target_documentセレクターによるマルチドキュメントターゲティング
ページスコープツール用の必要なtarget_pageセレクターを用いたマルチページターゲティング
複数のエージェントが異なるファイルを安全に処理できるドキュメントごとのFIFOシリアライズ
ページ管理ツール:list-pages、get-current-page、create-page、copy-page、rename-page
マーメイド図のインポート、埋め込み、展開
Firefoxサポートが復活し、TLSモードが必要になりました

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Draw.io MCP server

English · 简体中文

Let’s do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net).

Key Highlights

Claude Code plugin: /plugin marketplace add lgazo/drawio-mcp-server then /plugin install drawio, with /drawio-open and /drawio-status slash commands
npx drawio-mcp-server install writes the MCP config for claude-code, claude-desktop, codex, zed, opencode, or all
Document persistence tools: set-document-title and save-document
Draw.io library API version compatibility mechanism
Enable Draw.io MCP in IFrames
AWS, GCP, Azure, Cisco19, and CiscoSafe stencils auto-discovered at runtime from drawio’s sidebar
Multi-document targeting with list-documents and target_document selectors for multi-tab workflows
Multi-page targeting with required target_page selectors for page-scoped tools
Per-document FIFO serialization for live operations, so multiple agents can work on different files safely
Page management tools: list-pages, get-current-page, create-page, copy-page, rename-page
Import, embed, or expand Mermaid diagrams
Firefox support is back, TLS mode is necessary
Server supports TLS mode and optionally generates self-signed certificates
Import and export diagrams from/to XML, SVG (with embedded XML), or PNG (with embedded XML)
Edge geometry control with waypoints and automatic self-connector routing
Parent-child relationships for nested shapes and grouping
Unified Server and Extension in the same mono-repo
Built-in Draw.io editor - no browser extension required

GitHub で README 全文を見る

インストール

npx -y drawio-mcp-server --editor

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

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