プロダクト開発

2026年のAIブロック図ジェネレーター比較:Eraser、Miro AI、Visual Paradigm、LLMによるMermaid、tldraw-skill

テキストからブロック図やアーキテクチャ図を生成する5つの方法を、料金、エクスポート形式、生成後の編集しやすさで比較します。2026年10月時点の情報です。

執筆 Atrix team公開日 13分で読めます
目次
  1. 「AIブロック図ジェネレーター」が実際に意味するもの
  2. AIブロック図ツールの比較(2026年10月)
  3. Eraser:エンジニアリング図で最もよいネイティブな結果
  4. Miro AI:すでに使っているホワイトボードの中で図を作る
  5. Visual Paradigm:テキストからデスクトップモデリングツールで正式なUMLへ
  6. LLMによるMermaid:無料でバージョン管理でき、ほとんどのブロック図には十分
  7. tldraw-skill:コードを書くのと同じエージェントから図を作る
  8. Atrixの位置づけと、できないこと
  9. 選び方
  10. よくある質問
  11. 次のステップ
  12. 出典

AIブロック図ジェネレーターは、テキストの説明(「Postgresデータベースを共有する3つのサービスの前にAPIゲートウェイを置く」)を編集可能な図に変換します。2026年10月時点で実用的な選択肢は、Eraser(無料プランを含む全プランでAI図生成、無料は3クレジット)、Miro AI(全プランでクレジット制によりプロンプトから図を生成)、Visual ParadigmのAI Diagram Generator(Professionalデスクトップ版)、任意のLLMが書いてどこでもレンダリングできるMermaidコード、そして.tldrファイルを書き出すオープンソースのエージェントスキルtldraw-skillです。どれが正解かは、作った図がその後どこで使われるかで決まります。

私たちは自分たちが作るすべてのプロダクトと、エージェンシーの監査業務のためにアーキテクチャ図を描いており、以下のツールはすべて実際の仕事で使ってきました。この記事では、重要な問いに沿って比較します。何を入力するのか、何が返ってくるのか、何をエクスポートできるのか、そして人間が一からやり直さずに結果を編集できるのか、です。

「AIブロック図ジェネレーター」が実際に意味するもの

この名前で売られているものは3種類あり、どれを買おうとしているかを知っておくと午後の時間を無駄にせずに済みます。

  1. テキストからネイティブな図へ。 システムを説明すると、ツールが自分のキャンバス上に箱と矢印を描き、それを図形として編集できます。Eraser、Miro AI、Visual Paradigmがこの方式です。
  2. テキストから図のコードへ。 LLMがMermaid、PlantUML、D2の構文を書き、レンダラーがそれを画像にします。どのチャットアシスタントでも無料でできて、「図」はgitでバージョン管理するテキストファイルになります。
  3. エージェントがキャンバスファイルを書く。 エージェントスキルが描画ツールを操作し、その形式のファイルを生成します。tldraw-skillがtldraw向けにこれを行います。

1つ目は単一プロダクトの中で最も見栄えのよい結果が得られます。2つ目は最も移植性の高い結果が得られます。3つ目は、すでにコーディングエージェントを運用していて、コードと同じパイプラインで図も生成したいチーム向けです。

AIブロック図ツールの比較(2026年10月)

ツール生成方法2026年10月時点の料金エクスポート生成後の編集
Eraserエディタ内のプロンプト、またはコードとしての図。既存の図へのAI編集にも対応Free:3ファイル、AIクレジット3。Business:年払いで1メンバーあたり月$45(月払いは$60)、月100AIクレジット。Business Plus:$42、最低10シート、250クレジットPDF、PNG、SVG、Markdown可。図形として、またはコードとして
Miro AIボード上のAIツールメニューから「テキストから図を作成」Free:編集可能なボード3つ、月10AIクレジット。Starter:年払いで1メンバーあたり月$8、メンバーごとに25クレジット。Business:$20、50クレジットボードの画像およびPDFエクスポート。Miroファイル可。ボードオブジェクトとして
Visual Paradigm AI Diagram Generatorデスクトップアプリ内のテキストプロンプト、追加プロンプトで調整Professionalデスクトップ版。ショップページで永続ライセンスUS$799、サブスクリプションは別売りVPネイティブの図、画像、UML交換形式可。ネイティブのUML図またはフローチャートとして
LLMによるMermaidClaude、ChatGPT、任意のモデルにMermaidコードを依頼し、GitHub、Notion、Mermaid Live、Mermaid Chartでレンダリングどのアシスタントでも無料。Mermaid ChartのPlusプランは第三者情報で月$8とされているが、ベンダーページでは未確認レンダラーからSVGとPNG。ソースはテキスト可。テキストを編集する。レイアウトは自動
tldraw-skillClaude Code、Cursor、Codex向けのエージェントスキル。テキストから.tldrファイルへ、アーキテクチャを含む6つのプリセットオープンソース、無料。tldraw CLIが必要CLI経由でPNG、SVG。.tldrはtldrawで開ける可。tldraw内で

料金は2026年10月に各ベンダーの料金ページまたはリポジトリで確認したものです。Miroは年払い価格のみを表示しており、FAQによれば年払いは月払いより20%安くなります。Visual Paradigmのショップページにはフローティングライセンスの価格が載っており、私たちが読めた範囲では月額サブスクリプションの金額は表示されていませんでした。

Eraser:エンジニアリング図で最もよいネイティブな結果

Eraserは、図がアーキテクチャ図で、読み手がエンジニアのときに私たちが手に取るツールです。AIはプロンプトから生成するだけでなく、既存の図も編集でき(「APIとデータベースの間にRedisキャッシュを追加して」)、すべての図がコードとしての図でもあるため、ドラッグするより速いときはテキストでラベルを直せます。PDF、PNG、SVG、Markdownにエクスポートでき、BusinessプランではGitリポジトリやデータソースを接続して、実際にデプロイされているものから図を生成できます。

制約はクレジットと価格です。無料プランのAIクレジット3つはデモであって予算ではありません。年払いで1メンバーあたり月$45のBusinessはほとんどのホワイトボードツールより高く、Business Plusは10シートが必要です。四半期に10枚の図を描く2人チームなら、Eraser Businessは週2回使うツールに月$90を払うことになります。

Miro AI:すでに使っているホワイトボードの中で図を作る

チームがすでにMiroでワークショップを行っているなら、そのAI図生成が最も安い道です。すでにそこにあるからです。AIツールメニューからシステムを説明すると、Miroはフローチャート、プロセスマップ、組織図、アーキテクチャ図などを、完全に編集可能なボードオブジェクトとして提案します。Miroによれば、クレジット制を通じて全プランで利用できます。Freeは月10クレジット、Starter(年払いで1メンバーあたり月$8)はメンバーごとに25、Business($20)は50です。

失うのは正確さです。Miroの出力はホワイトボードの図で、ワークショップやスライドには向いていますが、エンジニアがそこから実装する文書には向きません。エクスポートは画像かMiroボードでコードではないため、システムの変更は手作業で反映することになります。

Visual Paradigm:テキストからデスクトップモデリングツールで正式なUMLへ

Visual ParadigmのAI Diagram Generatorは18.0リリースの一部で、テキストプロンプトをネイティブで編集可能な図に変換し、追加プロンプトで調整できます(「認証の後にウェルカムメールのステップを追加して」)。本物のUML(シーケンス、クラス、ユースケース)、フローチャート、複数のチャート種類を、モデリング規則を守った形で生成します。これはホワイトボード系ツールにはできないことです。利用はProfessionalデスクトップ版に限られ、ショップページではProfessionalのフローティングライセンスがUS$799です。

すでにUMLでモデリングしているチームや、顧客や規制当局向けに規格に準拠した図が必要なチームには正しいツールです。README用に手早くブロック図を描きたい場合には向いていません。

LLMによるMermaid:無料でバージョン管理でき、ほとんどのブロック図には十分

多くのエンジニアが、AI図ジェネレーターと呼ばずにすでに使っている選択肢です。ClaudeやChatGPTにシステムのMermaidフローチャートを頼み、コードをMarkdownファイルに貼り付け、GitHub、Notion、または使っているドキュメントツールにレンダリングさせます。図はテキストなので、コードの隣でリポジトリに置かれ、プルリクエストで差分が出て、アシスタントに頼めば変更されます。Claude連携とChatGPT連携のページでは、アシスタントをワークスペースに接続して図をページに直接書き込む方法を説明しています。

代償はレイアウトの制御です。Mermaidがレイアウトを決めるため、ノードが15個を超えるあたりからブロック図はsubgraphで手動でグループ化しないと読みにくくなります。ドラッグはできません。顧客向けスライドに使う図なら、レンダリングして別の場所で整えてください。

tldraw-skill:コードを書くのと同じエージェントから図を作る

tldraw-skillはオープンソースのAgent Skill(GitHubのagents365-ai)で、Claude Code、Cursor、Codexなどスキル対応のエージェントが手描き風の図を.tldrファイルとして生成し、tldraw CLIでPNGやSVGにエクスポートできるようにします。プリセットはアーキテクチャ、フローチャート、シーケンス、ERDを含む6種類です。エクスポートした画像を画像認識で見直すセルフチェックも含まれています。無料でローカルに動作します。

すでにエージェントにアーキテクチャを生成させていて、同じ実行の中で図も作りたいチームに向いています。まだ初期段階でコミュニティによるメンテナンスであり、出力は正式な図というよりホワイトボードに見えるスケッチ風です。

Atrixの位置づけと、できないこと

Atrixは私たちが作っているツールなので、この段落は制約から書きます。AtrixにはページにExcalidrawのホワイトボードがあり、そこに描くのは手作業です。ホワイトボード上にテキストから図を生成する機能はありません。AIエージェントが生成するのは、図の周りの文章です。Developの実行はブリーフを受け取り、要件、アーキテクチャ文書、計画されたイシューを生成します。アーキテクチャ文書はテキストで、その図が欲しいときは私たちはアシスタントにMermaidを頼んでページに貼るか、ホワイトボードに描きます。アーキテクチャの執筆と図の生成を1つのツールで済ませたいなら、Atrixはそのツールではありません。ドキュメントとホワイトボードのページに、ホワイトボードでできることが正確に書かれています。

選び方

  1. 図がどこで使われるかを決める。 リポジトリならMermaid。エクスポートが必要なエンジニアリング文書ならEraser。ワークショップならMiro。UMLモデルならVisual Paradigm。エージェントパイプラインならtldraw-skill。
  2. 月あたりの図の枚数を数える。 5枚未満なら無料プランとMermaidで足ります。20枚を超えると、Eraserのクレジットやメンバーごとに課金されるMiroのクレジットが本当のコストになります。
  3. 生成後に誰が編集するかを確認する。 エンジニア以外が箱を動かすならキャンバス型ツール。エンジニアがテキストを変更するならコード。
  4. 一番汚いシステムで試す。 ノード20個、グループ3つ、データベース2つ。デモ用プロンプトでは見栄えのよいツールも、ここで差が出ます。
  5. 決める前にエクスポートを確認する。 EraserはSVG、Miroは画像、MermaidはレンダラーからのSVG、tldrawはPNGとSVGです。図をPDFの納品物に入れるなら、SVGが重要です。

よくある質問

最もよいAIブロック図ジェネレーターはどれですか?

エクスポートと編集が必要なエンジニアリング図なら、2026年10月時点ではEraserです。全プランでAI生成ができ、SVGエクスポートに対応しています。コードと一緒にバージョン管理する図なら、任意のLLMが書くMermaidが無料で移植性もあります。すでにMiroを使っているチームなら、Miro AIはクレジットで利用できます。

ChatGPTやClaudeでブロック図は作れますか?

はい、コードとして作れます。Mermaid、PlantUML、D2の図を頼み、GitHub、Notion、Mermaid Live、または任意のレンダラーで表示してください。キャンバスに直接描くことはできませんが、tldraw-skillのようなスキルを持つエージェントならキャンバスファイルを書き出せます。

無料のAI図ジェネレーターはありますか?

無料のアシスタントで使うMermaidは、アシスタント側の制限以外に制限なく無料です。Eraserの無料プランにはAIクレジットが3つ、Miroの無料プランには月10クレジットがあり、tldraw-skillはオープンソースです。Visual Paradigmのジェネレーターは有料のProfessional版が必要です。

EraserやDiagramGPTの代わりになるツールは?

多くのチームがすでに持っているツールの中でホワイトボード風の図を作るならMiro AI、コード重視のチームならLLMによるMermaid、UMLならVisual Paradigmです。既存の図へのAI編集とコードとしての図を組み合わせたEraserに並ぶものはありません。

AtrixはAIで図を生成しますか?

いいえ。Atrixには手で描くExcalidrawのホワイトボードと、アーキテクチャ文書をテキストで書くエージェントがあります。生成した図が必要なら、アシスタントが出したMermaidをページに貼るか、ホワイトボードに描いてください。

次のステップ

図がより大きなアーキテクチャ文書の成果物の1つなら、ドキュメントとホワイトボードのページでページ、データベース、ホワイトボードがどう組み合わさるかを確認でき、AIでPRDを書く方法では図が通常収まる文書について説明しています。

出典

2026年10月に確認:Eraserの料金、Miroの料金、MiroのAI図ジェネレーター、Visual Paradigmのショップ、tldraw-skillのREADME。Mermaid Chartのプラン価格はベンダーページで確認できなかったため、上記では第三者の数値として記載しています。

この記事をシェア

この記事をシェア

あわせて読みたい

すべての記事

この記事の考え方を、今日から実践に。

まずは7日間お試し。開始にはカード登録が必要で、解約しなければトライアル終了時に課金されます。トライアル中の解約は無料です。

7日間お試し · カード登録が必要 · いつでも解約可