Diagramming AI
Diagramming AI · 生産性向上
Diagramming AIは一文の指示からMermaid、PlantUML、GraphViz、D2、Excalidrawの図を作るツールだ。チャット編集と自動エラー修正、書き出しまで1つの画面で終わる。
Diagramming AI について
About
Diagramming AIとは
Diagramming AIはブラウザで動くAI図解ジェネレーターで、Mermaid、PlantUML、GraphViz、D2、Excalidrawの5形式を扱う。使い方は単純だ。業務や処理の流れを文章で書き、あるいは会議メモを貼り付ける。モデルが図のコードを書き、プレビューが入力中に更新されていく。
売り文句の裏も見ておきたい。目立つのはAI生成だが、同じ作業画面に各形式の手動エディターが入っている。Mermaidを自分で書いてもいいし、Excalidrawのキャンバスで図形を動かしてもいい。AIを呼ばずに作業を完結できる。図はプロジェクト単位で保存され、メモと版が横に残る。
制約も同じくらい大事だ。スマホアプリもデスクトップ版もなく、端末に何かをインストールすることもない。AI部分はクレジット制で動く。無料アカウントはクレジット10とプロジェクト2件まで、本格的に使うなら有料プランが要る。図をコードとして捉えている開発者には割のいい取引だ。Figmaのような共同編集キャンバスを期待するデザインチームには向かない。
使い始めるには
- diagrammingai.comを開き、左パネルから形式を選ぶ。Mermaid、PlantUML、GraphViz、D2、Excalidrawのいずれかだ。
- 「決済失敗時に再試行する購入フロー」のような指示を入力するか、手持ちの図のコードをそのまま貼り付ける。
- AIチャットを開いて詰める。AIチャットで図を編集するとき、議論モードは図について意見を返し、更新モードは指示を受けてコードをその場で書き換える。
- 図をプロジェクトに保存したら、コードをコピーするか、SVGかPNGをダウンロードするか、閲覧専用リンクをレビュー用に送る。
AIツール情報
Diagramming AIの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- ソフトウェア開発者：メッセージキューの流れや認証処理を説明するのに指示は1回で足りる。出力はMermaidコードのままなので、説明対象のサービスと同じリポジトリで管理できる。
- テクニカルライターとドキュメント担当：図は編集できないスクリーンショットではなくコードとして文書リポジトリに入る。仕様が変わったら1行書き換えるだけで済む。
- プロジェクトマネージャーとアナリスト：要件メモを1段落渡せばガントチャートやユーザージャーニーが出てくる。バーを1時間ドラッグするより速い。
- 学生と独学者：課題で求められるシーケンス図やクラス図が数分でそろう。無料プランでも小さな課題をいくつか回せる。
タスク
- 会議メモをフローチャートにする：メモを貼ってプロセス図を頼み、モデルが取り違えた2、3本の分岐を直す。
- 画像やURLから図を起こす：ホワイトボードの写真を上げるか、ページのURLを貼ると、構造を編集可能なコードとして組み直す。どちらも有料プラン側の機能だ。
- 壊れた図のコードを直す：レンダリングで失敗するMermaidやPlantUMLの断片を貼ると、AIがエラー文を読み、構文を修正する。
- 仕上がった図の見た目を変える：Mermaidの図をExcalidrawエディターに移し、ノードを手で配置して配色テーマを当てる。再生成は不要だ。
- 同じ図の版を残す：改訂のたびにメモ付きで保存し、レビューが思わぬ方向に進んだら前の版に戻す。
シーン
- ホワイトボードでの設計議論：手書きした図を撮影し、その写真を戻して整ったMermaidに変換する。
- 設計が毎週変わるスプリント：影響を受けた図をチャットで描き直す。コードと配置をモデルが同時に書き換える。
- クライアントへの引き渡し資料：PDF用にSVGを書き出し、MermaidのブロックをリポジトリのREADMEに貼る。図と文書がずれない。
- 初見のサイトをざっと把握する：URLを貼ると、ページがどう組み立てられているかを示す図が出る。調査の足がかりになる。
- 業務フローをスライド用の素材にする：Excalidrawで流れを生成し、テーマを選べばプレゼンに載る絵になる。
主な機能
5形式を1つの画面で扱う
エディターはMermaid、PlantUML、GraphViz、D2、Excalidrawを同じ作業画面で扱う。形式を変えても別製品を開く必要はなく、内容を描き直す必要もない。Mermaidのシーケンス図とGraphVizのシステム図を1つのプロジェクトで並べるとき、この設計が半日分の手間を省く。
議論と更新の2モードを持つAIチャット
2つのモードは考える作業と手を動かす作業を分ける。議論モードでは、モデルが構造を評し、抜けている手順を指摘し、改善案を出す。更新モードは「決済の後に失敗経路を追加して」といった直接の指示を受け、コードを書き換える。役に立たない入力補完と格闘した経験がある人ほど、この切り分けの価値が分かる。
自動エラー修正
MermaidもPlantUMLもGraphVizもD2も、構文が少しずれるだけで表示が止まる。レンダリングに失敗すると、AIがエラーを読み、コードに修正を当てる。以前ならドキュメントを開く必要があった貼り付けミスが、1クリックで直り、図が再び表示される。
Excalidraw エディター
V-Editボタンを押すと、テキストの図がExcalidraw エディターのキャンバスに変わる。フローチャート、シーケンス図、クラス図、ER図、ガントチャート、状態図、マインドマップがドラッグできる図形になる。テキストの正確さを先に取り、その後にピクセル単位の調整を足せる。最初にどちらかを選ばなくていい。
Excalidraw向け48種類の配色
淡いパステルから暗いキャンバスまで、6系統のテーマが1クリックで画面全体の色を整える。配置とノードの位置はそのままだ。再生成ではなく着せ替えであり、元に戻せば元の色に戻る。
URLから図へ、画像から図へ
URLを貼るとページの構造を図に変える。初見のサイトを掴むのに向く。画像やスクリーンショット、ファイルを上げると、内容を読み取って編集可能なコードとして組み直す。どちらもStarterとProの機能で、無料プランにはない。
プロジェクト管理と版の履歴
1つのプロジェクトに5形式の図を複数置け、図ごとにメモを付けられる。保存した版は後から開き直して手を入れられる。閲覧専用の公開リンクを使えば、編集権を渡さずにレビューを頼める。無料プランはプロジェクト2件、各3枚までに限られる。
リモートMCPとWebMCPの連携
ベータ版の接続を使うと、ChatGPTやClaudeなどMCP対応のアシスタントから図の依頼を送り、結果を自分のアカウントに保存できる。リモートMCPはプレビューとMermaidの保存から始まり、WebMCPは対応ブラウザで同じセッションのままアプリを動かす。まだ初期段階で、使えるかどうかはアシスタントとプラン次第だ。
メリットとデメリット
メリット
- 5形式が1つの作業画面に揃うので、Mermaidエディター、PlantUMLツール、ホワイトボードのキャンバスを1つの契約でまかなえる。
- 無料プランでも全エディターと手描きが使える。AI製品の多くが本体ごと有料なことを考えると珍しい。
- チャットでの変更は元のコードに効くため、書き出したり別の場所に貼ったりしても依頼した修正が残る。
- エラー修正は5形式のうち4形式をカバーし、たいてい半日を溶かす構文探しを省ける。
- Starterは月6ドルで図解ツールの多くの契約より安く、Proの月14ドルも一般的なチーム料金を下回る。
デメリット
- AI生成はクレジットを食い、無料の10では数枚で尽きる。実用に使うなら有料プランが前提になる。
- URLから図へ、画像から図へはStarterとProに限られ、無料プランは目玉の変換機能を欠く。
- 珍しい領域のコードは順序が狂ったり分岐が抜けたりして返ることがあり、直すにはコードを編集するかノードを手で動かすことになる。
- スマホアプリもオフライン動作もない。製品はブラウザのタブ1つで完結するので、電車や飛行機の中では図を描けない。
よくある質問
テキスト、画像、URLから図を作って編集する。処理の流れを書くかメモを貼ると、Mermaid、PlantUML、GraphViz、D2、Excalidrawのコードを書いてプレビューに出す。そのあとチャットで詰められる。
関連コンテンツ
Diagramming AIに関連するツール、スキル、記事を探す。
Diagramming AIの代替ツール
Swms
Swms AI · ライティング · 生産性向上 · ビジネスSwmsは、仕事の簡単な説明をそのまま使える安全書類に変えるAI安全コンプライアンスツールだ。プロジェクト、職種、把握している危険を書けば、安全作業方法書、作業ハザード分析、安全作業手順書、RAMS、安全データシートを数秒で作成する。Oscarというチャットアシスタントも付いており、職場の安全に関する質問にどんな言語でも答える。建設、鉱業、運輸、倉庫のチームが、作業日を削る書類仕事を減らすために使っている。
Wordly AI Translation
Wordly · 音声・言語 · 生産性向上Wordly AI Translationは、会議・カンファレンス・イベント向けに作られたリアルタイムAI翻訳・字幕プラットフォームだ。60以上の言語でライブ翻訳、字幕、文字起こし、要約を提供し、参加者は専用ヘッドセットを使わず、QRコードを読み取るかリンクを開くだけで参加できる。Zoom、Microsoft Teams、Google Meet、Webexと連携し、セッションごとに人間の通訳を雇わずに多言語対応したい組織に向く。それだけのことだ。
Rows
Rows (Superhuman) · 生産性向上 · ビジネスRows は、50以上のソースからライブデータを取り込み、SQLクエリや入れ子の数式ではなく平易な言葉で操作できるAIスプレッドシート兼データ分析ツールだ。PDFから数字を抜き出し、広告プラットフォーム、データベース、銀行口座をつなぎ、AIにレポートの作成、データセットの結合、自動で再計算するモデルの構築を頼める。ブラウザで動き、スプレッドシートのように扱え、現在は Superhuman の傘下にある。