つくって学ぶ · PROMPT FREAK

AIで比較表・フローチャートを作る方法｜資料に使える図解プロンプト

2026年9月22日掲載 · 作例4本

文章で説明すると長いけれど、図ならすぐに伝わりそう。そんな場面でAI図解は便利ですが、きれいな図ができたことと、内容が正しいことは別です。

比較表なら評価の基準、フローチャートなら順番や分岐を先に決めましょう。この記事では、無料の図解プロンプトを使いながら、情報整理からプレゼン資料への仕上げまで進めます。

この記事でわかること

比較表・フローチャートの無料プロンプト
図にする前に決める情報と、削る情報
数字・矢印・日本語を検証して編集可能な資料へ仕上げる方法

1．比較したいのか、順番を見せたいのかを決める

登録なしで使える業務のつながりをアイコンで見せる動画作例。本文では静止画の比較表とフローから練習します。作例を見る →

図を作る前に、見た人に何を理解してほしいかを一文で書きます。「AとBの違いを知ってほしい」なら比較表、「申し込みから納品までを知ってほしい」ならフロー、「やることを漏れなく確認してほしい」ならチェックリストです。伝えたい内容と図の形を合わせると、装飾を考える前に構成が決まります。

下の動画は、仕事の流れをアイコンのつながりで表す例です。動きは視線を誘導できますが、数字や条件の説明を代わりにしてくれるわけではありません。まず静止画でも意味が通る図を作り、動きが必要な場合に追加する順番で考えましょう。

伝えたい内容	選ぶ図	最初に整理するもの
二つの案の違い	比較表	比較対象と、同じ基準の項目
作業の順序	フローチャート	始点、終点、手順、分岐条件
確認事項	チェックリスト	一項目につき一つの行動
全体と部分の関係	構成図	親子関係と、同じ階層の要素

2．比較表は、同じものさしで並べる

比較表を作るときは、Aの料金とBの速さを横に並べないようにします。料金なら月額か年額か、速さなら何にかかる時間か、評価なら誰の判断かをそろえます。AIへ渡す前に元の情報を表にしておくと、見た目に引っ張られて条件の違いを見落としにくくなります。

下の無料作例は、AとBを料金・速さ・仕上がりで比べる形です。丸・三角・バツは説明用の記号で、実在するサービスの評価を示していません。自分の資料へ使う場合は、根拠のある内容へ置き換え、記号の意味を凡例で説明します。

解説パネル：比較表

登録なしで使える

A clean comparison table: two columns "1A" and "2B", rows for "3料金", "4速さ", "5仕上がり" with circles, triangles and crosses, a bold header, flat design. 16:9 slide for a video explanation, large clear Japanese text that is easy to read on a phone, clean layout with generous margins. No real brand names, logos, or existing characters.

日本語訳

すっきりした比較表。「1A」と「2B」の2列、「3料金」「4速さ」「5仕上がり」の行に丸・三角・バツ、太字の見出し、フラットデザイン。動画の解説用の16:9のスライド、スマホでも読みやすい大きな日本語、余白を広くとったすっきりしたレイアウト。実在のブランド名・ロゴ・キャラクターは入れない。

作り方

3．フローチャートは、矢印の意味を先に決める

解説パネル：フローチャート — 登録なしで使える五つの工程をつなぐ無料作例。文字だけでなく、矢印の向きと接続先を確認します。作例を見る →

「企画→台本→撮影→編集→投稿」のような一本道なら、各工程を同じ大きさの箱で並べられます。承認待ちや差し戻しがある場合は、単なる一本道とは違います。修正が必要ならどこへ戻るか、誰が判断するかを元の文章で明確にしてから、分岐を描きます。

矢印は装飾ではなく、順番や関係を示します。生成結果で矢印が逆を向く、箱を飛ばす、文字のない箱が増えることがないか確認してください。見た目が整っていても、進む方向が間違っていれば説明は逆になります。最初は五工程以内の一本道で練習すると確認しやすくなります。

解説パネル：フローチャート

登録なしで使える

A flowchart of five steps with icons connected by arrows: "1企画" → "2台本" → "3撮影" → "4編集" → "5投稿", pastel colors, rounded boxes, clean white background. 16:9 slide for a video explanation, large clear Japanese text that is easy to read on a phone, clean layout with generous margins. No real brand names, logos, or existing characters.

日本語訳

アイコンつきの5つのステップを矢印でつないだフローチャート：「1企画」→「2台本」→「3撮影」→「4編集」→「5投稿」、パステルカラー、角の丸い箱、すっきりした白背景。動画の解説用の16:9のスライド、スマホでも読みやすい大きな日本語、余白を広くとったすっきりしたレイアウト。実在のブランド名・ロゴ・キャラクターは入れない。

作り方

構成を絞る練習用プロンプト

Create a clean 16:9 presentation diagram showing exactly three steps from left to right: 「相談」, 「制作」, 「納品」. One simple icon above each label, arrows connecting the steps in that order. White background, dark readable Japanese labels, one muted yellow accent, generous margins. No additional steps, decorative text or numbers.

掲載画像の原文とは別の三工程の練習案です。情報を減らし、文字と矢印が正しく出るかを確認します。

4．一枚に入る文字量を、読む距離で決める

手元で読む資料と、会議室のスクリーンでは必要な文字の大きさが違います。図の中に説明文を詰め込むより、箱には短いラベル、補足は話すか別の本文へ置くと整理できます。スマートフォンで共有する予定なら、小さな画面でも工程名が読めるかを最初から確認してください。

「日本語を大きく」と指示しても、漢字の細部が正しいとは限りません。濁点、送り仮名、似た漢字、数字の桁を見ます。正確な文字が必要な仕事用の資料では、レイアウト案を参考にして、スライドツールの文字や図形へ置き直す工程を入れます。

5．チェックリストは、行動を一項目ずつに分ける

解説パネル：チェックリスト — 登録なしで使える確認事項を一項目ずつ見せる作例。項目を具体的な行動へ置き換えて使います。作例を見る →

「画像を確認して必要なら修正し保存する」という項目は、一つのチェックで三つの行動を済ませたことになります。確認、修正、保存を分けると、どこまで終わったかわかります。逆に細かくしすぎると読むだけで負担になるので、見落とすと困る判断や作業に絞ります。

下の無料作例は、チェック項目を図として整える参考です。四角い枠がきれいに並んでいるかより、各行の言葉が具体的かを見ます。「品質を高める」ではなく「氏名と連絡先の誤字を確認」のように、終わったかを判断できる文章にすると使いやすくなります。

ぼんやりした項目	行動がわかる書き方
デザインをよくする	見出しが縮小表示でも読めるか確認する
数字を確認する	元資料と料金・日付・単位を照合する
完成させる	書き出したファイルを開いて文字切れを確認する

6．編集できる資料へ移し、根拠と照合する

生成された図が一枚の画像なら、後で料金だけ変えたいときも画像の修正が必要になります。繰り返し使う資料では、スライドツールの文字、表、矢印として作り直す方が更新しやすくなります。AIにはレイアウトや配色の候補を出してもらい、数字と条件は管理できる形で持つという役割分担です。

完成前に、項目数、順番、矢印、単位、日付、出典を確認します。特に比較表は、評価の対象期間や前提が変わると意味も変わります。図の隅に根拠や確認日を入れる必要がある場合は、生成文字に任せず、資料の文字として正確に追加してください。

発表で使うなら、話す順番で視線が流れるかを確認します。左から右の一本道を説明している途中に、重要な注釈だけ左下へ戻る配置だと迷わせます。読む順と話す順を合わせ、不要な装飾を減らすと、説明そのものに集中してもらいやすくなります。

解説パネル：ベン図

noteメンバー向け・本文準備中

A Venn diagram slide of three overlapping circles labeled "好き", "得意", "求められる", with the center labeled "ここ！", soft trans…

noteメンバー向けの応用作例です。このサイトの限定全文は準備中のため、加入しても今は開けません。

利用条件を見る noteの特典・参加条件を見る

実践：相談から納品までを、一枚の図へまとめる

例として、相談、見積もり、制作、確認、納品という五工程を考えます。まず文章で各工程の目的を書き、図の箱には短い名前だけを残します。見積もりに合意できなかった場合の戻り先や、確認後に修正が入る場合の流れも、実際の運用にあるなら整理します。存在しない工程を見栄えのために足さないようにしてください。

一本道で説明できるなら、同じ大きさの五つの箱を左から右へ並べます。見積もりと確認に判断が必要なら、別の形や注記で区別できます。ただし、形を増やしただけで意味が伝わるとは限りません。「確認で修正あり→制作へ戻る」など、読み手が必要な条件を言葉でも示します。

次に、色の意味を決めます。自分が行う工程はクリーム色、相手の確認は淡い黄色など、役割に対応させると説明に使えます。単に箱ごとに違う色へすると、その違いに意味があるのか迷わせる場合があります。色に頼らなくてもラベルで読み取れることを確認し、印刷時の見え方も考えます。

最後に、工程を知らない人になったつもりで左から読みます。どこで何が決まり、次に誰が動くのかがわからない場所には、短い補足を加えます。図の美しさだけでなく、見た後に行動できるかを判断基準にすると、装飾を減らすか説明を足すかの選択がしやすくなります。

もう一つの無料作例で試す

ここまでの調整を別の作例でも試したい方は、こちらの実際の生成プロンプトを使えます。主役・配置・素材のうち、この記事で確認したい部分を一つ選んで変更してください。

解説パネル：チェックリスト

登録なしで使える

A checklist slide titled "1投稿前チェック" with five items and checkboxes, three checked in green and two unchecked, clean white card, clear icons. 16:9 slide for a video explanation, large clear Japanese text that is easy to read on a phone, clean layout with generous margins. No real brand names, logos, or existing characters.

日本語訳

タイトル「1投稿前チェック」のチェックリストのスライド。チェックボックスつきの5項目、3つは緑のチェック済み・2つは未チェック、すっきりした白いカード、分かりやすいアイコン。動画の解説用の16:9のスライド、スマホでも読みやすい大きな日本語、余白を広くとったすっきりしたレイアウト。実在のブランド名・ロゴ・キャラクターは入れない。

作り方