【2026年5月最新】ChatGPTで図を作る方法|フローチャート・ダイアグラム作成から業務活用まで徹底解説

【2026年5月最新】ChatGPTで図を作る方法|フローチャート・ダイアグラム作成から業務活用まで徹底解説

「資料に図が欲しいけど、デザインが苦手で作れない」「フローチャートを描こうとすると何時間もかかる」——こうした悩みを、ChatGPTは一気に解決してくれます。

ChatGPTは画像生成AIではないため、「絵を描いてもらう」という使い方には向きません。しかし実は、フローチャート・組織図・マインドマップ・ERダイアグラムといった構造的な図を作るための「コード」や「テキスト記法」を生成することが得意です。これを外部ツールに貼り付けるだけで、業務レベルの図が一瞬で完成します。

この記事では、2026年5月時点のChatGPTを使った図作成の方法を、非エンジニアでも実践できるようプロンプト例・手順・活用シナリオを含めて徹底解説します。

代表菅澤 代表菅澤
弊社GENAIでは、業務フロー図・組織図・LP設計図など「考えを整理する場面」で必ずAIに図の骨格を作ってもらっています。自分で0から描くより圧倒的に速く、かつクオリティも安定しています。
AI鬼管理山崎 AI鬼管理山崎
「図を作る」というと難しそうですが、今日お伝えする方法はコピー&ペーストの作業がほとんどです。デザインツールを触ったことがない方でも問題なくできますので、ぜひ一緒に試してみましょう。

この記事を読むと、次の6点が分かります。

✔️ChatGPTで図を作る3つのアプローチとそれぞれの向き・不向き
✔️フローチャート・組織図・マインドマップの具体的な作り方と手順
✔️Mermaid記法・Graphviz・PlantUMLの使い分けと貼り付け先
✔️CanvaやLucidchartと連携する方法で見栄えの良い資料に仕上げるコツ
✔️精度を上げるプロンプトの書き方と、よくある失敗パターン
✔️業務での活用事例と、さらに自動化を進める方向性
Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

01 ChatGPTで「図」を作るとはどういうことか ChatGPTが図を作れる仕組みと3つのアプローチを理解する

まず大前提として、ChatGPT単体は直接「画像の図」を出力することができません。ChatGPTが得意なのは「文字(テキスト)の生成」です。ではなぜ「図が作れる」と言われているのでしょうか?

答えは、「図を表すコード・テキスト記法を生成できる」からです。このコードや記法を専用のツールやWebサービスに貼り付けることで、視覚的な図が完成します。これがChatGPTで図を作る基本の仕組みです。

📚 用語解説

Mermaid記法:図の構造をテキストで記述する軽量な記法。「A-->B-->C」のように書くだけでフローチャートが生成できます。GitHubやNotionなど多くのツールが標準対応しており、コードを貼り付けるだけで図が自動描画されます。

1-1. ChatGPTで図を作る3つのアプローチ

ChatGPTを使って図を作成するアプローチは大きく3種類あります。

アプローチ方法向いているケース難易度
① テキスト記法を生成Mermaid/PlantUMLコードを出力→専用ツールで表示フローチャート・シーケンス図・ERダイアグラム★☆☆
② デザインツール向け指示文Canva・Figmaへの配置指示・要素リストを生成組織図・インフォグラフィック・スライド★★☆
③ データ可視化コード生成PythonのmatplotlibやD3.jsのコードを出力グラフ・チャート・統計ダッシュボード★★★

非エンジニアの方に最もおすすめなのは①のMermaid記法アプローチです。コードの知識がなくても、ChatGPTに「フローチャートを作って」と頼むだけでコードを出力してくれるため、貼り付け先さえ分かれば誰でも図が完成します。

ChatGPTにプロンプト入力
記法コードを受け取る
対応ツールに貼り付け
図が自動生成される
必要に応じて修正依頼
AI鬼管理山崎 AI鬼管理山崎
Mermaid記法は最初「コードって難しそう」と思いがちですが、実際に触れてみると「A→B→C」を書くだけで図になるので、むしろコードが苦手な方の方が素直に使いこなせることが多いです。

1-2. ChatGPTが対応している主要な図の種類

ChatGPTが生成できる図の種類は予想以上に豊富です。以下に主要なものを整理します。

✔️フローチャート:業務プロセス・システム設計・意思決定ツリー
✔️シーケンス図:システム間の通信・API連携・ユーザー操作フロー
✔️組織図:部門構成・指示命令系統・プロジェクト体制図
✔️マインドマップ:アイデア整理・課題分解・企画立案
✔️ガントチャート:プロジェクトスケジュール・タスク管理
✔️ERダイアグラム:データベース設計・テーブル間の関係整理
✔️クラス図:システムの構造設計・オブジェクト指向設計
💡 まず試すべき図はフローチャート

ChatGPTで図を初めて作るなら「フローチャート」が最短です。業務プロセスや手順をそのまま文章で説明するだけで、Mermaid記法のコードを出力してくれます。作ってみた図を見ながら「このステップを追加して」「条件分岐を入れて」と会話形式で修正できるのがChatGPTならではの強みです。

Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

02 フローチャートをChatGPTで作る方法(Mermaid記法) プロンプトの書き方から貼り付け先まで、具体的な手順を解説

フローチャートはChatGPTで最も作りやすい図のひとつです。業務プロセス・申請フロー・システムの動作など、「順番に沿って流れを可視化したい」場面で活躍します。ここではMermaid記法を使った作成手順を解説します。

2-1. ChatGPTへのプロンプト例(フローチャート)

ChatGPTにフローチャートを作ってもらうときの基本プロンプトは以下です。

以下の業務フローをMermaid記法のフローチャートで書いてください。

【フロー内容】
1. 担当者が申請書を作成する
2. 上長が内容を確認する
3. 承認の場合、経理部に回す
4. 否認の場合、担当者に差し戻す
5. 経理部が処理を完了したら担当者に通知する

コードブロックで囲んで出力してください。

このプロンプトに対してChatGPTは以下のようなMermaidコードを出力します。

graph TD
    A[担当者が申請書を作成] --> B[上長が内容確認]
    B -->|承認| C[経理部に回送]
    B -->|否認| D[担当者に差し戻し]
    C --> E[経理部が処理完了]
    E --> F[担当者に通知]
    D --> A

📚 用語解説

graph TD:Mermaid記法のフローチャート宣言。「TD」は「Top to Down(上から下)」を意味します。左から右に流したい場合は「graph LR」に変えるだけで向きが変わります。

2-2. 作ったコードを表示するツール(貼り付け先)

ChatGPTが出力したMermaidコードを実際に図にするには、対応ツールに貼り付けます。主な選択肢は以下です。

ツール特徴料金使い方
Mermaid Live Editor公式のオンラインエディタ。リアルタイムでプレビュー確認できる無料mermaid.live にアクセスしてコードを貼り付け
Notionコードブロックを「Mermaid」に設定すると自動描画無料〜ページに/code追加→言語をmermaidに設定
GitHubMarkdownファイル内の```mermaidブロックが自動描画無料〜READMEやIssueにそのまま貼り付け
GitLabGitHubと同様の自動描画対応無料〜Markdownファイルに貼り付け
Obsidianローカルのメモアプリ。プラグインでMermaid対応無料コードブロックをmermaidで囲む
💡 最速はMermaid Live Editor

専用アカウントなしで今すぐ試せるのがMermaid Live Editorです。ブラウザで「mermaid.live」と検索してアクセスし、左のエディタにコードを貼り付けるだけで右側にリアルタイムで図が表示されます。PNGやSVGでダウンロードも可能です。

ChatGPTでMermaidコード生成
Mermaid Live Editorにアクセス
コードを貼り付け
図をプレビュー確認
PNG/SVGでエクスポート
資料に貼り付け完成

2-3. フローチャートの修正・追加依頼のコツ

ChatGPTとの対話で図を修正するときは、「変更したい部分を具体的に指定する」のがポイントです。

✔️「承認ステップの後に、金額確認のステップを追加して」
✔️「差し戻しのループを、最大3回まで試行するよう変えて」
✔️「全体を左から右(LR)に流れる向きにして」
✔️「ステップの名前を英語にして」
✔️「色分けして、承認は緑・否認は赤・処理中は青にして」

このように自然言語で修正を指定できるのがChatGPTを使う最大のメリットです。Mermaidのコードを自分で書き直す必要は一切ありません。

代表菅澤 代表菅澤
実は弊社の業務マニュアルのフロー図は、ほぼ全部この方法で作っています。「口で説明した業務手順」をそのまま貼り付けるだけでコードになるので、ドキュメント作成の時間が体感的に8割くらい減りました。
Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

03 組織図・マインドマップをChatGPTで作る方法 構造を整理して可視化するための具体的な手順

フローチャート以外にも、ChatGPTは組織図やマインドマップの生成が得意です。アイデアの整理・プロジェクト体制の可視化・課題の階層分解など、「構造を見える化したい」あらゆる場面で活用できます。

3-1. 組織図の作り方

組織図はMermaidの「graph TD」で作成できます。以下にプロンプト例と出力例を示します。

以下の組織構成をMermaid記法で組織図にしてください。

【組織】
- 代表取締役(菅澤)
  - 営業部(山崎)
    - 営業担当A
    - 営業担当B
  - 開発部(エンジニア)
    - バックエンド担当
    - フロントエンド担当
  - 管理部
    - 経理担当
    - 総務担当

出力されるMermaidコードは、ボックスと矢印で階層構造を表現します。部署や人数が増えても同じ方法で拡張でき、ChatGPTに「開発部の下にインフラ担当を追加して」と依頼するだけで修正が完了します。

📚 用語解説

組織図(Org Chart):部門・人員・役職の階層構造を視覚的に表した図。指示命令系統や意思決定ルートが一目で分かるため、新入社員の研修資料・プロジェクト体制図・提案書への添付などで広く活用されます。

3-2. マインドマップの作り方

マインドマップはMermaidの「mindmap」構文で作成できます(2023年以降に対応)。

以下のテーマでマインドマップをMermaid記法で作成してください。

テーマ: 「新製品の企画立案に必要な要素」

主要カテゴリと各サブ項目を3〜4つずつ含めてください。
Mermaid のmindmap記法で出力してください。

Mermaidのmindmap構文に対応していないツールを使っている場合は、代わりにPlantUMLやMarkmapを使う方法もあります。

📚 用語解説

PlantUML:フローチャートや組織図・シーケンス図・マインドマップをテキスト記法で描けるオープンソースツール。オンラインサーバー(plantuml.com)に貼り付けるだけで図が生成されます。Mermaidより若干記法が複雑ですが、対応している図の種類が豊富です。

3-3. シーケンス図の作り方(API・システム連携の可視化に有効)

システム開発や業務の自動化フローを可視化するときに特に役立つのがシーケンス図です。「A→Bにリクエストを送る→Bがデータを返す→Aが処理する」という時系列の通信の流れを表現します。

以下のシステム連携フローをMermaid記法のシーケンス図にしてください。

1. ユーザーがWebフォームに入力して送信
2. サーバーがフォームデータを受け取る
3. サーバーがメールAPIに送信リクエストを出す
4. メールAPIがユーザーにメールを送る
5. サーバーがデータベースに記録を保存する
6. サーバーがユーザーに「送信完了」と返す
ユーザー入力
サーバー受信
メールAPI呼び出し
ユーザーへメール送信
DBへの保存
完了通知
AI鬼管理山崎 AI鬼管理山崎
シーケンス図は「この業務、誰が何をするの?」という会話で毎回混乱するような複雑なフローを整理するのに最高です。プロンプトに業務の流れを箇条書きで渡すだけで、一気にクリアな図が出てきます。
Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

04 ChatGPTとCanva・外部ツールを組み合わせる方法 テキスト記法で作った図をデザインツールで仕上げる

Mermaidコードで作った図は機能的ですが、見栄えはシンプルです。提案書やプレゼン資料に使いたい場合は、CanvaやPowerPointと組み合わせて仕上げるのがおすすめです。

4-1. Canvaと組み合わせる方法

Canvaには「ホワイトボード」機能があり、フローチャートを手作りするときに便利です。ChatGPTには図の「要素のリスト」と「接続関係」を出力してもらい、それを元にCanvaで図を仕上げるワークフローが実用的です。

ステップ作業内容担当ツール
① 構造設計ChatGPTで図の要素・ノード・接続関係を整理ChatGPT
② レイアウト案ChatGPTで「どのように配置するか」の指示文を作成ChatGPT
③ 図の作成Canvaのホワイトボードまたはプレゼンテーションで作成Canva
④ デザイン調整色・フォント・アイコンをブランドに合わせて調整Canva
⑤ エクスポートPNG/PDFでエクスポートして資料に貼り付けCanva

たとえばChatGPTに以下のように依頼することで、Canvaで作業しやすい形式の情報を取得できます。

以下のフローを「Canvaのホワイトボードで作成するための要素リスト」として整理してください。

フロー: 新規顧客の問い合わせ対応から契約締結までのプロセス

以下の形式で出力してください:
・ノード(ボックスに入れる要素名)一覧
・各ノード間の矢印の方向と条件
・重要度の高いノード(強調表示すべきもの)

📚 用語解説

Canva ホワイトボード:Canvaが提供するオンライン共同編集ボード。シェイプ・テキスト・矢印を自由に配置できるため、フローチャートや組織図の手作りに向いています。テンプレートも豊富で、ゼロから作るより既存テンプレートを改変する方が速い場合も多いです。

4-2. PowerPoint・Googleスライドへの展開方法

プレゼン資料に図を組み込む場合は、ChatGPTにスライドの「テキスト構成案」を出力してもらうアプローチが最も実用的です。

✔️「このフローチャートの内容を、PowerPointの1枚スライドで説明するためのタイトルと本文を作成して」
✔️「この組織図を説明するナレーションテキストを作成して」
✔️「この図解を見ながら3分でプレゼンするためのトーキングポイントを書いて」

図の構造はMermaidで作り、説明文章・タイトル・補足テキストはChatGPTに生成させるという分業が最も効率的です。

代表菅澤 代表菅澤
弊社の提案書はほぼ全部このパターンです。ChatGPTにストーリーラインと図の骨格を作ってもらい、デザインの仕上げだけCanvaで行う。1枚の資料を作るのに30分かかっていたのが、今は5〜10分で完成しています。

4-3. Lucidchart・draw.ioとの連携

より高度な図作成ツールを使う場合は、LucidchartやLucidchart代替のdraw.io(diagrams.net)がおすすめです。これらのツールはMermaidコードの直接インポートに対応しているものもあり、ChatGPTで生成したコードをそのまま取り込んで洗練されたデザインに仕上げられます。

ツール特徴料金Mermaid対応
draw.io (diagrams.net)オープンソース・無料・オフライン利用可完全無料〇(エクストラ機能でインポート可)
Lucidchartエンタープライズ向け・豊富なテンプレート無料〜月約2,000円△(一部対応)
WhimsicalシンプルなUI・スピード重視無料〜月約1,200円×(独自形式)
Miroチーム協働ホワイトボード無料〜月約1,600円△(プラグイン経由)
💡 無料で最も使いやすいのはdraw.io

アカウント登録なしで今すぐ使えるdraw.io(diagrams.net)は、ChatGPTのMermaidコードをインポートして編集できるのが便利です。Googleドライブ・OneDriveへの保存にも対応しており、チームで共有するのも簡単です。

Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

05 プロンプト設計のコツ:図の精度を上げる指示の出し方 ChatGPTから「使える図」を引き出すプロンプトの型

ChatGPTに図を作ってもらうとき、「なんか思ったのと違う」「複雑すぎて使えない」という経験をした方も多いはずです。図の精度を上げるには、プロンプトに含める情報を意識的に絞り込むのがコツです。

5-1. 精度を上げるプロンプトの5要素

図生成プロンプトに含めるべき要素は以下の5つです。

要素説明プロンプト例
①図の種類フローチャート・組織図・マインドマップなど明示「Mermaid記法のフローチャートで」
②対象・目的どんな業務・プロセスを図にするか「新規顧客の問い合わせ対応フローを」
③詳細度どれくらいの細かさで表現するか「主要ステップ5〜7個に絞って」
④出力形式コードブロックで囲むなど指定「コードブロックで囲んで出力して」
⑤修正方針修正が必要な場合の基準を伝える「分岐は最大2つまでにして」

5-2. よくある失敗パターンと対処法

ChatGPTで図を作るときによくある失敗と、その対処法を整理します。

失敗パターン原因対処法
コードが長すぎて読めない詳細度の指定なしで依頼「ステップ数を7個以内に絞って」と追加指示
コードにエラーが出て図が表示されないMermaidの構文ミスが混入「コードのみ、説明なし、構文エラーがないよう確認して再出力して」
思ったと違うレイアウト図の向きや配置の指定なし「LR(左から右)方向で」「縦積みで」など明示
日本語が文字化けするツール側のエンコード問題Mermaid Live Editorで確認後に各ツールへ移行
条件分岐が抜けている元の情報が不完全業務フローを箇条書きで完全に記載してから依頼
💡 「エラーが出た」は詳細をそのままChatGPTに貼る

Mermaid Live Editorでエラーが出た場合は、エラーメッセージをそのままChatGPTに貼り付けて「このエラーを修正して」と依頼してください。ChatGPTは構文エラーを自己診断して修正版を出力してくれます。

5-3. 繰り返し使えるプロンプトテンプレート

以下は汎用的に使えるフローチャート生成プロンプトのテンプレートです。括弧内を書き換えるだけで使い回せます。

【業務フローをMermaidフローチャートに変換するプロンプトテンプレート】

以下の業務フローを、Mermaid記法のフローチャートに変換してください。

【業務名】
(例: 見積もり作成〜承認〜送付フロー)

【フローの手順】
1. (最初のステップ)
2. (次のステップ)
...

【条件分岐がある場合】
・(条件)の場合:(分岐先の処理)
・(条件)以外の場合:(別の分岐先)

【出力形式】
・Mermaidのgraph TD形式
・コードブロックで囲む
・ノード名は日本語で、10文字以内に収める
・分岐は最大3つまで
AI鬼管理山崎 AI鬼管理山崎
このテンプレートをChatGPTのカスタム指示やシステムプロンプトに登録しておくと、毎回丁寧にプロンプトを書かなくても「〇〇のフローをMermaidにして」の一行で動いてくれるようになります。
Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

06 【GENAI実践例】ChatGPTで図を業務に組み込む方法 スタートアップが実際にやっている図解活用の具体パターン

ここからは、弊社(株式会社GENAI)が実際にChatGPTおよびAIツールを使って図を業務に組み込んでいる方法を公開します。「理論ではなく実際の使い方を知りたい」という方のために、具体的なワークフローと効果を共有します。

6-1. 業務マニュアルのフロー図化(週5時間→15分)

弊社では、社内の業務マニュアルに含まれるプロセス記述を、すべてMermaidフローチャートに変換しています。以前は担当者がPowerPointで手作りしていたため、1つのフロー図を作るのに2〜3時間かかっていました

現在は以下のフローに切り替えています。

マニュアル文章をChatGPTに貼り付け
Mermaidコードを受け取る
Mermaid Live Editorで確認
Notionのドキュメントに貼り付け
完成(15〜20分)

特に効果が大きかったのは「新しい業務を立ち上げるとき」です。「こんな業務を設計したい」とChatGPTに相談しながらフローを作り、そのままMermaidコードをNotionに貼り付けると、業務フロー設計とドキュメント化が同時に完了します。

代表菅澤 代表菅澤
以前は「フロー図を誰が作るか」の問題がありました。エンジニアに頼むとプログラマー視点になり、営業に頼むと全部テキストになる。今はChatGPTに任せることで「どちらでもない中立な図」が出てきます。それをベースに各自が修正する形が定着しています。

6-2. 提案書・LP設計図の作成(企画速度が3倍に)

LP(ランディングページ)やサービス提案書を作るとき、弊社では「構成図をChatGPTに作らせてから制作に入る」というプロセスを徹底しています。

Before(従来)After(AI活用後)
担当者が頭の中でLP構成を考える(1〜2時間)ChatGPTに「このサービスのLP構成を7セクションでMermaid図にして」(3分)
メモに書いた構成をPowerPointで図化(30分)出力されたMermaidコードでフロー図を即座に確認(5分)
デザイナーに画面設計を説明(30分)図を共有して「このフローをベースに作って」で会話が不要に
合計: 約2〜3時間合計: 約20〜30分(6分の1以下)

重要なのは、図が「完成品」ではなく「共通認識のベース」として機能していることです。関係者全員がChatGPTの出力した図を見ながら議論することで、「イメージのズレ」による手戻りがほぼなくなりました。

💡 図は「完成品」より「たたき台」として使う

ChatGPTが作った図をそのまま納品物にしようとすると品質が不安定です。正しい使い方は「議論のたたき台」。チームで図を見ながら「ここの分岐がない」「このノードはいらない」と会話し、修正指示をChatGPTに出すというループが最も効率的です。

Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

07 ChatGPT図作成の注意点と限界 できること・できないことを正しく理解して使い倒す

ChatGPTで図を作る方法を紹介してきましたが、正しく活用するために「できないこと・向いていないこと」も理解しておく必要があります。

7-1. ChatGPT単体では完成品の画像は作れない

繰り返しになりますが、ChatGPT(テキスト生成モデル)はピクセル画像を直接出力することはできません。Mermaidコードや説明文を生成するだけなので、実際の図にするためには必ずCanva・Mermaid Live Editor・draw.ioなどの外部ツールが必要です。

⚠️ ChatGPTで「図を描いて」が通じないケース

ChatGPT(GPT-4o等)にはDALL·E 3による画像生成機能が統合されていますが、これは「写真・イラスト・デザイン」向けです。フローチャートや組織図のような「構造的な図」を依頼すると、歪んだ手書き風の画像が出てきて実用に向きません。構造的な図にはMermaidコード生成を使うのが正解です。

7-2. 複雑な図は精度が下がる

ノード数が20〜30を超えるような大規模なフローチャートでは、ChatGPTの出力に誤りが混入しやすくなります。特に以下の状況では注意が必要です。

✔️並列処理(複数のフローが同時に走る)が含まれる場合
✔️同じノードが複数の矢印の行き先になる場合(ループや合流点)
✔️図の中に表やリストのような別構造を混在させたい場合
✔️ノード名に特殊文字(括弧・クォート・バックスラッシュなど)が含まれる場合

対処法は「図を分割する」ことです。1つの大きな図を作ろうとせず、「フェーズ1のフロー」「フェーズ2のフロー」のように複数の図に分けてChatGPTに依頼すると精度が上がります。

7-3. 著作権・機密情報の取り扱い

ChatGPTに業務フローを入力する際は、機密情報の取り扱いに注意が必要です。顧客名・取引金額・内部のシステム構成などを含む詳細なフローをそのまま入力するのはリスクがあります。

リスクレベル情報の種類推奨対処
一般的な業務フロー(申請・承認フローなど)そのまま入力可
自社サービスの提供フロー固有名詞を伏せ字にして入力
顧客の個人情報・契約金額入力しない。情報を抽象化してから使用
最高機密情報・未発表の製品情報入力厳禁。社内専用AI(API)の利用を検討
⚠️ ChatGPT Plusでも学習に使われる可能性あり

デフォルト設定のChatGPTは、入力した内容がモデルの学習に使われる可能性があります(設定でオフにできます)。機密情報を扱う場合は、設定画面の「Model training」をオフにするか、エンタープライズ版(学習無効)を使用してください。

AI鬼管理山崎 AI鬼管理山崎
実務では「機密情報を抽象化してから図にする」テクニックが使えます。たとえば「顧客Aの案件」ではなく「案件X」と置き換えて図を作り、後から固有名詞に戻す。これでリスクを下げながら図の品質は維持できます。
Claude Code 完全解説セミナー|経営者・会社役員専用 1on1 60分 無料Claude Codeを経営に活かしたい方へ — AI鬼管理

08 【独自視点】図解力がある人ほどAIで伸びる理由 構造化思考 × AIで「説明力」が格段に上がる仕組み

ここでは、AIと図解の関係について弊社が実践から得た独自の視点をお伝えします。

8-1. AIに「良い図」を作らせるには、良い指示が必要

ChatGPTに図を作らせてみると、ある事実に気づきます。「良い指示ができる人ほど、良い図が出てくる」という事実です。

ChatGPTは入力された情報を元に図を作るため、「情報の構造化」が苦手な人が使うと、漠然とした指示に対して漠然とした図が出てきます。逆に、プロセスを整理して「ステップ①→②→③の順に」「条件Aの場合はXへ、条件BはYへ」とクリアに説明できる人は、ChatGPTから即戦力の図を引き出せます。

これは裏を返すと、AIと付き合うことで「構造化して考える力」が鍛えられるということです。「ChatGPTに伝わるように整理する」というトレーニングが、プレゼンや提案書の作成能力も同時に引き上げます。

代表菅澤 代表菅澤
「AIに使われるな、AIを使え」という言葉があります。図作成においてこれを実感するのは、「何を図にするか」を決める部分です。AIに何を作らせるか設計できる人が、最終的に最大のリターンを得ています。

8-2. 「伝わる資料」は構造が先、デザインが後

弊社が図解を多用するようになってから気づいた重要な原則があります。「伝わる資料を作るには、構造設計が9割」というものです。

見栄えの良いデザインより、「何を、どんな順番で、どの関係として見せるか」という構造が正しくなければ、どんなに綺麗な図でも伝わりません。ChatGPTはこの「構造設計」の部分を高速でたたき台として出力してくれます。あとはデザインの仕上げだけ人間がやればいい。

目的・メッセージ整理
ChatGPTで構造をフロー図化
図を見ながら構造を修正
Canvaでデザイン仕上げ
完成(伝わる資料)

このフローで一貫して作業することで、以前と比べて「伝わらない資料」の発生率が大幅に下がったというのが弊社の実感です。特に新しいサービスの説明や複雑な業務プロセスの共有において、効果を実感しています。

8-3. AI活用をさらに進める方向性

ChatGPTで図を作る方法を習得したら、次のステップとして「図の生成も含めた業務全体の自動化」を検討してみてください。

たとえば、毎週同じ業務フローの図を更新しなければならない場合、AIエージェントを活用すると「データが更新されたら自動で図を再生成して資料に反映する」という仕組みを作ることができます。ChatGPTで図を手動で作ることに慣れたら、その次は自動化の土台としてAIを活用する段階に進むのが自然な流れです。

💡 Claude Codeで図生成を自動化する選択肢

ChatGPTで図の作成に慣れてきたら、より高度な自動化には「Claude Code」も選択肢のひとつです。ターミナル上で動くAIエージェントで、Pythonスクリプトと組み合わせると「データを読み込んで図を生成してファイルに保存する」一連の作業を自動化できます。月額$20のProプランから使えるため、手動作業の省力化を検討している方はチェックしてみてください。

AI鬼管理山崎 AI鬼管理山崎
ChatGPTで図を作れるようになると、次は「もっと自動化できないか」という欲が出てきます。それは正しい方向感覚です。図の生成を起点に、業務の仕組み化を考えてみてください。

よくある質問

Q. ChatGPTで作ったフローチャートのコードが、Mermaid Live Editorで表示されません。

A. Mermaid記法の構文エラーが原因の場合がほとんどです。エラーメッセージをそのままChatGPTにコピーして「このエラーを修正して」と依頼してください。また、ChatGPTに「構文エラーがないよう確認してから出力して」と最初から依頼するとエラーの発生率が下がります。

Q. ChatGPTの無料版でもMermaidコードを生成できますか?

A. はい、ChatGPTの無料版(GPT-3.5)でもMermaidコードの基本的な生成はできます。ただし、複雑なフローや条件分岐が多いケースでは、GPT-4以上の有料版の方が精度が高くなります。まずは無料版で試して、精度が足りないと感じたら有料版(ChatGPT Plus $20/月)を検討してください。

Q. フローチャート以外の図(グラフ・棒グラフ)もChatGPTで作れますか?

A. データの可視化(棒グラフ・折れ線グラフ・円グラフ)には、ChatGPTにPythonのmatplotlibコードを生成してもらうアプローチが使えます。コードをGoogle Colabなどに貼り付けて実行すると、グラフ画像が生成されます。ただし、この方法はある程度Pythonの実行環境が必要です。完全にノーコードで数値グラフを作りたい場合は、ExcelやGoogleスプレッドシートのグラフ機能の方が簡単です。

Q. ChatGPTで作ったMermaid図を、プレゼンのスライドに直接貼り付けられますか?

A. Mermaid記法はテキストコードなので、PowerPointやGoogleスライドに直接貼り付けることはできません。Mermaid Live EditorでPNG画像としてエクスポートしてから、スライドに画像として挿入する方法が最も簡単です。SVG形式でエクスポートすれば拡大しても画質が落ちないため、大きなスクリーンで表示するプレゼンには特におすすめです。

Q. ChatGPTとClaude(Claude Code)はどちらが図の作成に向いていますか?

A. どちらも同様にMermaid記法の生成ができます。ただし、複雑な業務フローの図化や、複数のファイルにまたがるシステム設計図の作成は、Claude Codeが得意とする領域です。Claude Codeはターミナル上でファイルを直接読み書きできるため、「既存のドキュメントを読んで図を作る」という用途では、Claude Codeの方が効率的なケースが多くなります。

Q. 図作成に使うプロンプトのコツを教えてください。

A. ①図の種類を明示する(フローチャート・組織図など)②内容を箇条書きで整理して渡す③ノード数や分岐数の上限を指定する④「コードブロックで囲んで」と出力形式を指定する、この4点を意識するだけで精度が大きく上がります。特に「詳細度の指定」が重要で、指定なしだと非常に長いコードが出てきて扱いにくくなりがちです。

AIAI鬼管理

AI鬼管理へのお問い合わせ

この記事を読んで気になった方へ。
AI鬼管理の専門スタッフが、御社に最適な
業務自動化プランを無料でご提案します。

会社名を入力してください
業種を選択してください
お名前を入力してください
正しいメールアドレスを入力してください

1つ以上選択してください
1つ以上選択してください
月額コストを選択してください

約1時間のオンライン面談(Google Meet)です

空き枠を取得中...
面談日時を選択してください

予約確定後、Google Calendarの招待メールをお届けします。
しつこい営業は一切ございません。

監修 最終更新日: 2026年5月26日
菅澤孝平
菅澤 孝平 株式会社GENAI 代表取締役
  • AI業務自動化サービス「AI鬼管理」を運営 — Claude Code を活用し、経営者の業務を「AIエージェントに任せる仕組み」へ転換するパーソナルトレーニングを 伴走構築 で提供。日報・採用・問い合わせ対応・経費精算・議事録・データ集計・営業リスト等の定型業務を、AIに代行させる体制を経営者と一緒に作り込む
  • Claude Code 実装ノウハウを 経営者・法人クライアント に直接指導。生成AIを「便利ツール」ではなく 「業務を任せる存在」 として運用する手法を体系化
  • 「やらせ切る管理」メソッドの開発者。シンゲキ株式会社(2021年設立・鬼管理専門塾運営)にて累計3,000名以上の学習者を志望校合格に導いた管理メソッドを、AI × 経営者支援 に転用
  • 著書『3カ月で志望大学に合格できる鬼管理』(幻冬舎)、『親の過干渉こそ、最強の大学受験対策である。』(講談社)
  • メディア出演: REAL VALUE / カンニング竹山のイチバン研究所 / ええじゃないかBiz 他
  • 明治大学政治経済学部卒
現在は AI鬼管理(Claude Code活用の伴走型パーソナルトレーニング)を主事業とし、経営者と二人三脚で「AIに業務を任せる仕組み」を実装。「実行を強制する環境」を AI で構築する手法を、自社の実運用知見をもとに発信している。