AI ダイアグラムメーカー — 自然言語で図を作る
「ユーザー登録のフローを描いて」「マイクロサービス間のシーケンスを可視化したい」のような日本語の依頼から、AI が最適なダイアグラム言語 (Mermaid / PlantUML / D2 / Graphviz など) を選び、コードを生成して即座にレンダリングします。AI 編集アシスタントで反復修正も自然言語で。
コードを書かずに図が作れる
従来のダイアグラムツール (Mermaid / PlantUML / D2) は便利ですが、構文を覚える必要がありました。本ツールでは AI が「何を描きたいか」を理解して、構文選定・記法・コード生成までを自動化します。
例: 「会員登録 → メール認証 → ログインのフロー」と入力するだけで、AI が `mermaid` の `flowchart` を選んで適切なノードと矢印を生成。レンダリング結果がプレビューに表示されます。
AI が自動判別する記法
AI が用途に応じて以下から最適な記法を選びます:
・業務フロー / プロセス図 → Mermaid (flowchart) ・システム間のやりとり → Mermaid (sequenceDiagram) または PlantUML ・データベース構造 → Mermaid (erDiagram) または ERD ・ソフトウェアアーキテクチャ → Structurizr (C4) または D2 ・棒グラフ / 円グラフ → Vega-Lite ・ASCII アート風 → Ditaa ・数式・論理回路 → TikZ / WaveDrom
AI 編集アシスタントで微調整
初回生成後も自然言語で修正できます: ・「矢印を赤くして」 ・「ノードを 3 つ追加」 ・「もっとシンプルにして」
バージョン履歴 (v1=原文 / v2=AI 出力 / v3+=修正) と差分表示で、変更履歴が一目で分かります。気に入らなければ前のバージョンにワンクリックで戻せます。
コード編集 + プレビュー
AI 生成後は「コード編集 + プレビュー」タブに自動遷移。アコーディオンで折りたたまれたコード入力欄を開けば、AI が出したコードを直接編集することも可能。
ダウンロード: SVG (ベクター) / PNG (ラスター) / .txt (コード単独) / コードコピー (クリップボード) の 4 形式。Slack や Notion に貼るなら PNG、ドキュメントに埋めるなら SVG が最適です。