DayuanJiang/next-ai-draw-io

これは何？

主な機能

• 011文の指示から、AWS、Azure、GCP、Kubernetesのアイコンライブラリーを使って、アーキテクチャ図、フローチャート、シーケンス図を生成します。
• 02チャットで既存の図を編集でき、AIが変更した図形を強調表示します。
• 03キャンバス上で選択した図形だけをAIに変更させられます。
• 04AIによる変更のバージョン履歴をサムネイル付きで保持し、比較・復元・取り消しができます。
• 05.drawio、.png、.svg、.drawio.svg形式でエクスポートできます。
• 06Webアプリ、デスクトップアプリ、またはClaude Code、Cursor、VS Code向けのMCPサーバーとして利用できます。

ユースケース

• 設計レビュー中に、文章で説明した内容からクラウドアーキテクチャ図を作成する。
• スクリーンショットやスケッチを、編集可能なdraw.io図に変換する。
• エディターで作業中に、AIコーディングエージェントに図を作成・確認させる。
• オフライン環境やイントラネットで、Ollama経由のローカルモデルを使って図を描く。

クイックスタート

1. 1

   リポジトリをクローンします

   git clone https://github.com/DayuanJiang/next-ai-draw-io
2. 2

   プロジェクトフォルダーに移動します

   cd next-ai-draw-io
3. 3

   依存関係をインストールします

   npm install
4. 4

   envファイルをコピーしてプロバイダーとAPIキーを追加し、開発サーバーを起動してlocalhost:6002を開きます

   cp env.example .env.local

使う前に知っておきたいこと

• !小規模なモデルでは図が崩れやすいため、十分な性能を持つモデルが必要です。
• !自分で実行するには、モデルプロバイダーとAPIキーの設定が必要です。

トピック

よくある質問

next-ai-draw-io とは？

自然言語でAIモデルと対話しながらdraw.ioの図を作成・編集できるWebアプリ、デスクトップアプリ、MCPツール。 Next AI Draw.ioでは、図を平易な言葉で説明するだけで、AIモデルがdraw.ioのキャンバスに直接描画します。通常のdraw.ioファイルと同じように手動で編集したり、図形を選択してその部分だけをAIに変更させたりすることもできます。AIによる変更はそれぞれバージョンとして保存され、比較・復元・取り消しが可能です。図は.drawio、.png、.svg形式でエクスポートできます。

next-ai-draw-io は無料で使えますか？ライセンスは？

next-ai-draw-io は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

next-ai-draw-io は今もメンテナンスされていますか？

活発にメンテナンス中。next-ai-draw-io の最終コミットは 2026年10月19日 です。

next-ai-draw-io は何に使えますか？

設計レビュー中に、文章で説明した内容からクラウドアーキテクチャ図を作成する。 スクリーンショットやスケッチを、編集可能なdraw.io図に変換する。 エディターで作業中に、AIコーディングエージェントに図を作成・確認させる。 オフライン環境やイントラネットで、Ollama経由のローカルモデルを使って図を描く。

next-ai-draw-io のインストール方法は？

リポジトリをクローンします: git clone https://github.com/DayuanJiang/next-ai-draw-io プロジェクトフォルダーに移動します: cd next-ai-draw-io 依存関係をインストールします: npm install envファイルをコピーしてプロバイダーとAPIキーを追加し、開発サーバーを起動してlocalhost:6002を開きます: cp env.example .env.local

next-ai-draw-io はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/DayuanJiang/next-ai-draw-io