Excalidrawが公式MCPサーバーを公開、Claude上で直接図表の作成・編集が可能に

AI にシステム構成図やフローチャートを作らせる際、Mermaid などのコードを毎回外部ツールに貼り付けて確認するのは地味に面倒な作業でした。

手書き風の作図ツールとして人気の Excalidraw が公式の MCP サーバーを公開し、その手間を解消しました。

チャット画面がそのままホワイトボードに

今回の連携により、Claude が会話内で直接 Excalidraw の図表を作成・編集できるようになりました。

キャンバス画面そのものがチャット内に埋め込まれて表示されるため、Claude が生成した図をその場で確認し、追加の指示を出して手直しさせることができます。

導入も非常に手軽です。Claude のコネクター画面で「Excalidraw」を検索し、ワンクリックするだけでセットアップが完了します。

なぜ重要か

日頃から構成図や設計図を描くエンジニアやプロダクトマネージャーにとって、ブラウザのタブを行き来する必要がなくなる恩恵は大きいです。指示を出すだけで手書き風の図表が組み上がり、その場で直感的に直せます。

また、MCP を通じてテキストにとどまらず、リッチでインタラクティブな UI をチャット内に直接展開できることを示した好例と言えます。対話型 AI が単なるテキストボットから、実際に作業を完結させるプラットフォームへ進化していることを感じさせます。