自然言語からローカルでDraw.ioダイアグラムを生成および編集する
sample-drawio-mcp は Aws Samples によって、AI アシスタントと Draw.io を接続し、自然言語のプロンプトから技術アーキテクチャ図を生成および編集します。サーバーはプロンプトを受け入れ、静的画像の代わりに編集可能な図ファイルを生成し、繰り返しの形状配置を自動化するのに役立ちます。クラウドアーキテクト、ソフトウェア開発者、DevOps エンジニア向けに設計されたこのツールは、平易な英語の指示を標準エディタで洗練できる構造化された図のソースに変換することで、文書作成作業を迅速化することを目指しています。これは、文書フローに AI を統合するチームを対象としています。
実際にどのようなタスクに使用できますか?
サーバーはモデルコンテキストプロトコルを実装しているため、AIアシスタントが図の作成やプログラムによる編集を行うことができます。新しい図を構築したり、既存のDraw.io XML構造を修正するためのコマンドを受け入れ、バージョン管理された図のソースやスクリプトによる更新を可能にします。典型的な作業には、アーキテクチャのスケルトンを生成したり、コンポーネントをその場で置き換えたり、ソース管理のために図のXMLをエクスポートすることが含まれます。一般的なアクションを示す簡潔なタスクリスト:
- 新しいアーキテクチャ図を作成する
- 既存のDraw.io XMLを更新する
- レイアウトに標準アイコンを埋め込む
視覚的な正確性はどのくらいで、プライバシーについてはどうですか?
このツールは、視覚的な忠実度とクラウドアーキテクチャ標準との整合性を向上させるために、公式のAWS、Kubernetes、およびネットワーキングアイコンセットを提供します。開発者はローカルファーストの設計でプロジェクトを構築したため、すべての図のロジックはユーザーのマシン上で実行され、図のデータやテレメトリはネットワークを介して送信されません。そのローカル処理により、クラウドベースのジェネレーターと比較して、機密のアーキテクチャ図の露出が減少します。
既存の開発者ワークフローに適合しますか?
インストールにはNode.jsとnpmが必要で、サーバーはWindows、macOS、またはLinuxのバックグラウンドプロセスとして実行されます。Node.jsおよびブラウザベースの環境の両方をサポートし、MCP互換のクライアントに接続します。サーバーを操作するには、Claude DesktopのようなMCP対応のアシスタントや、VS Codeのコードエディタ統合を使用します。生成された図のソースは、その後Draw.ioデスクトップアプリまたはdiagrams.netウェブエディタで開いて洗練させることができます。
開発者指向のサンプルを採用できるチームにとっての実用的な選択肢
このアプローチは、ネットワークから図を外しながら、開発者ツールチェーン内でプログラムによる図作成を望む技術チームに適しています。非技術ユーザーは、インストールとMCP統合をエンジニアに任せることを期待すべきです。実用的なヒント:"Load BalancerとRDSを持つ三層AWSアーキテクチャを作成"のような明示的なプロンプトを使用すると、最小限の手動再作業で予測可能で編集可能な図のソースを受け取ることができます。





