draw.io公式MCPを試してみた：AIで図作成をスムーズに
2026年2月、JGraphがdraw.ioの公式MCP（Model Context Protocol）サーバー @drawio/mcp をリリースしました。このMCPは、AIアシスタント（Claudeなど）とdraw.ioを連携させる仕組みで、AIが生成した図データを直接draw.ioエディタで開けるようになります。Windows版Claude Desktopを用いてセットアップ手順から実際に使用した感想までレポートします。
MCP Tool Server × Windows版Claude Desktop の構成で試しました。設定はclaude_desktop_config.jsonに数行追記するだけで完了します。Mermaid、XML、CSV形式の図を生成し、draw.ioエディタで編集できることを確認しました。AIが描く図のクオリティ自体は変わりませんが、コピペ作業が不要になり、編集プロセスがスムーズになります。
背景
draw.ioはオンラインで利用できる図作成ツールであり、AIアシスタントとの連携により図作成の効率化が進んでいます。JGraphがリリースした公式MCPサーバー @drawio/mcp は、AIが生成した図データを直接draw.ioエディタで開けるようにする仕組みです。
重要用語解説
Model Context Protocol（MCP）: AIアシスタントと外部ツールやサービスを連携させるためのプロトコル。AIが生成したデータなどを外部アプリケーションに渡す際に利用されます。
draw.io: JGraphが開発するオンライン図作成ツール。ダイアグラム、フローチャート、組織図など様々な種類の図を作成できます。
Claude Desktop: Anthropic社が開発したAIアシスタント「Claude」のデスクトップ版クライアント。テキスト生成やコード生成などの機能を提供します。
Mermaid: 図を記述するマークアップ言語。draw.ioなどで利用できる形式です。
XML: Extensible Markup Language。データ構造を表すためのマークアップ言語。draw.ioで図データを保存する際に利用されます。
今後の影響
このMCPは、AIと図作成ツールの連携を強化し、エンジニアやデザイナーの作業効率向上に貢献します。今後、AIによる図作成技術がさらに進化し、より複雑な図の作成が可能になることが期待されます。