--- title: "仕組み・手順の図解画像（インフォグラフィック）を作る｜AIプロンプト集 - ai-garage" description: "資料・ブログ・SNS に載せる「仕組み図」「手順フロー図」「比較図」の生成。文章で説明すると長くなる「仕組み」「手順」「ビフォーアフター」を、AI に 1 枚の図解にしてもらうテンプレ。 gpt-image 系や Nano Banana 2 は日本語ラベル入りの図でも文字が崩れにくく、スライドにそのまま貼れるレベル" source: https://ai-garage.jp/prompts/infographic-image/ --- 🖼 画像生成 初級 # 仕組み・手順の図解画像（インフォグラフィック）を作る 💡 資料・ブログ・SNS に載せる「仕組み図」「手順フロー図」「比較図」の生成 文章で説明すると長くなる「仕組み」「手順」「ビフォーアフター」を、AI に 1 枚の図解にしてもらうテンプレ。 gpt-image 系や Nano Banana 2 は日本語ラベル入りの図でも文字が崩れにくく、スライドにそのまま貼れるレベルの図解が数十秒で出せる。 📋 PROMPT [ChatGPT で開く →](https://chatgpt.com/?model=auto&q=%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%81%A7%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%81%AA%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E9%A2%A8%E3%81%AE%E5%9B%B3%E8%A7%A3%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%0A%0A-%20%E6%AF%94%E7%8E%87%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A16%3A9%EF%BC%88%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E7%94%A8%EF%BC%89%2F%201%3A1%EF%BC%88SNS%20%E7%94%A8%EF%BC%89%5D%0A-%20%E5%9B%B3%E8%A7%A3%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%EF%BC%9A%E3%80%8C%5B%E4%BE%8B%EF%BC%9A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E5%AF%BE%E5%BF%9C%E3%82%92%20AI%20%E3%81%A7%E8%87%AA%E5%8B%95%E5%8C%96%E3%81%99%E3%82%8B%E6%B5%81%E3%82%8C%5D%E3%80%8D%0A-%20%E5%9B%B3%E3%81%AE%E5%9E%8B%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A%E5%B7%A6%E2%86%92%E5%8F%B3%E3%81%AE%203%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E3%83%95%E3%83%AD%E3%83%BC%20%2F%20%E3%83%93%E3%83%95%E3%82%A9%E3%83%BC%E3%82%A2%E3%83%95%E3%82%BF%E3%83%BC%E3%81%AE%E5%B7%A6%E5%8F%B3%E6%AF%94%E8%BC%83%20%2F%20%E4%B8%AD%E5%BF%83%E3%81%8B%E3%82%89%E5%BA%83%E3%81%8C%E3%82%8B%E9%96%A2%E4%BF%82%E5%9B%B3%5D%0A-%20%E5%85%A5%E3%82%8C%E3%82%8B%E8%A6%81%E7%B4%A0%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A%E3%80%8C%E2%91%A0%E5%8F%97%E4%BB%98%EF%BC%88%E3%83%A1%E3%83%BC%E3%83%AB%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%EF%BC%89%E3%80%8D%E3%80%8C%E2%91%A1%20AI%20%E3%81%8C%E5%88%86%E9%A1%9E%E3%80%8D%E3%80%8C%E2%91%A2%E6%8B%85%E5%BD%93%E8%80%85%E3%81%B8%E9%80%9A%E7%9F%A5%E3%80%8D%5D%0A-%20%E9%85%8D%E8%89%B2%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A%E7%99%BD%E8%83%8C%E6%99%AF%EF%BC%8B%E7%B4%BA%20%231B2A5E%20%EF%BC%8B%E3%82%A2%E3%82%AF%E3%82%BB%E3%83%B3%E3%83%88%E3%81%AB%E6%B0%B4%E8%89%B2%E3%80%82%E4%BD%BF%E3%81%86%E8%89%B2%E3%81%AF%203%20%E8%89%B2%E3%81%BE%E3%81%A7%5D%0A-%20%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%EF%BC%9A%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E7%B7%9A%E7%94%BB%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%80%81%E4%BD%99%E7%99%BD%E5%A4%9A%E3%82%81%E3%80%81%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E8%B3%87%E6%96%99%E5%90%91%E3%81%91%0A-%20NG%EF%BC%9A%E6%89%8B%E6%8F%8F%E3%81%8D%E9%A2%A8%E3%80%81%E6%8A%BD%E8%B1%A1%E7%9A%84%E3%81%AA%E6%8C%BF%E7%B5%B5%E3%80%81%E5%86%99%E5%AE%9F%E7%9A%84%E3%81%AA%E4%BA%BA%E7%89%A9%E3%80%81%E8%A6%81%E7%B4%A0%E3%81%AE%E8%A9%B0%E3%82%81%E8%BE%BC%E3%81%BF%E3%81%99%E3%81%8E%0A%0A%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AE%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%83%A9%E3%83%99%E3%83%AB%E3%81%AF%E3%80%81%E3%81%AF%E3%81%A3%E3%81%8D%E3%82%8A%E8%AA%AD%E3%81%BF%E3%82%84%E3%81%99%E3%81%8F%E6%8F%8F%E7%94%BB%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82) [Claude で開く →](https://claude.ai/new?q=%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%81%A7%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%81%AA%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E9%A2%A8%E3%81%AE%E5%9B%B3%E8%A7%A3%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%0A%0A-%20%E6%AF%94%E7%8E%87%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A16%3A9%EF%BC%88%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E7%94%A8%EF%BC%89%2F%201%3A1%EF%BC%88SNS%20%E7%94%A8%EF%BC%89%5D%0A-%20%E5%9B%B3%E8%A7%A3%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%EF%BC%9A%E3%80%8C%5B%E4%BE%8B%EF%BC%9A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E5%AF%BE%E5%BF%9C%E3%82%92%20AI%20%E3%81%A7%E8%87%AA%E5%8B%95%E5%8C%96%E3%81%99%E3%82%8B%E6%B5%81%E3%82%8C%5D%E3%80%8D%0A-%20%E5%9B%B3%E3%81%AE%E5%9E%8B%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A%E5%B7%A6%E2%86%92%E5%8F%B3%E3%81%AE%203%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E3%83%95%E3%83%AD%E3%83%BC%20%2F%20%E3%83%93%E3%83%95%E3%82%A9%E3%83%BC%E3%82%A2%E3%83%95%E3%82%BF%E3%83%BC%E3%81%AE%E5%B7%A6%E5%8F%B3%E6%AF%94%E8%BC%83%20%2F%20%E4%B8%AD%E5%BF%83%E3%81%8B%E3%82%89%E5%BA%83%E3%81%8C%E3%82%8B%E9%96%A2%E4%BF%82%E5%9B%B3%5D%0A-%20%E5%85%A5%E3%82%8C%E3%82%8B%E8%A6%81%E7%B4%A0%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A%E3%80%8C%E2%91%A0%E5%8F%97%E4%BB%98%EF%BC%88%E3%83%A1%E3%83%BC%E3%83%AB%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%EF%BC%89%E3%80%8D%E3%80%8C%E2%91%A1%20AI%20%E3%81%8C%E5%88%86%E9%A1%9E%E3%80%8D%E3%80%8C%E2%91%A2%E6%8B%85%E5%BD%93%E8%80%85%E3%81%B8%E9%80%9A%E7%9F%A5%E3%80%8D%5D%0A-%20%E9%85%8D%E8%89%B2%EF%BC%9A%5B%E4%BE%8B%EF%BC%9A%E7%99%BD%E8%83%8C%E6%99%AF%EF%BC%8B%E7%B4%BA%20%231B2A5E%20%EF%BC%8B%E3%82%A2%E3%82%AF%E3%82%BB%E3%83%B3%E3%83%88%E3%81%AB%E6%B0%B4%E8%89%B2%E3%80%82%E4%BD%BF%E3%81%86%E8%89%B2%E3%81%AF%203%20%E8%89%B2%E3%81%BE%E3%81%A7%5D%0A-%20%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%EF%BC%9A%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E7%B7%9A%E7%94%BB%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%80%81%E4%BD%99%E7%99%BD%E5%A4%9A%E3%82%81%E3%80%81%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E8%B3%87%E6%96%99%E5%90%91%E3%81%91%0A-%20NG%EF%BC%9A%E6%89%8B%E6%8F%8F%E3%81%8D%E9%A2%A8%E3%80%81%E6%8A%BD%E8%B1%A1%E7%9A%84%E3%81%AA%E6%8C%BF%E7%B5%B5%E3%80%81%E5%86%99%E5%AE%9F%E7%9A%84%E3%81%AA%E4%BA%BA%E7%89%A9%E3%80%81%E8%A6%81%E7%B4%A0%E3%81%AE%E8%A9%B0%E3%82%81%E8%BE%BC%E3%81%BF%E3%81%99%E3%81%8E%0A%0A%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AE%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%83%A9%E3%83%99%E3%83%AB%E3%81%AF%E3%80%81%E3%81%AF%E3%81%A3%E3%81%8D%E3%82%8A%E8%AA%AD%E3%81%BF%E3%82%84%E3%81%99%E3%81%8F%E6%8F%8F%E7%94%BB%E3%81%97%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82) ``` クリーンでフラットなインフォグラフィック風の図解画像を作ってください。 - 比率：[例：16:9（スライド用）/ 1:1（SNS 用）] - 図解のテーマ：「[例：問い合わせ対応を AI で自動化する流れ]」 - 図の型：[例：左→右の 3 ステップフロー / ビフォーアフターの左右比較 / 中心から広がる関係図] - 入れる要素とラベル：[例：「①受付（メールのアイコン）」「② AI が分類」「③担当者へ通知」] - 配色：[例：白背景＋紺 #1B2A5E ＋アクセントに水色。使う色は 3 色まで] - スタイル：フラットデザイン、シンプルな線画アイコン、余白多め、ビジネス資料向け - NG：手描き風、抽象的な挿絵、写実的な人物、要素の詰め込みすぎ すべての日本語ラベルは、はっきり読みやすく描画してください。 ``` 🛠 CUSTOMIZE ## 穴埋めして自分用にする [角括弧] の部分を下のフォームに入力すると、あなた専用のプロンプトが完成します。入力した内容はこのページ内だけで使われ、どこにも送信されません。 [例：16:9（スライド用）/ 1:1（SNS 用）] [例：問い合わせ対応を AI で自動化する流れ] [例：「①受付（メールのアイコン）」「② AI が分類」「③担当者へ通知」] [例：白背景＋紺 #1B2A5E ＋アクセントに水色。使う色は 3 色まで] ``` クリーンでフラットなインフォグラフィック風の図解画像を作ってください。 - 比率：[例：16:9（スライド用）/ 1:1（SNS 用）] - 図解のテーマ：「[例：問い合わせ対応を AI で自動化する流れ]」 - 図の型：[例：左→右の 3 ステップフロー / ビフォーアフターの左右比較 / 中心から広がる関係図] - 入れる要素とラベル：[例：「①受付（メールのアイコン）」「② AI が分類」「③担当者へ通知」] - 配色：[例：白背景＋紺 #1B2A5E ＋アクセントに水色。使う色は 3 色まで] - スタイル：フラットデザイン、シンプルな線画アイコン、余白多め、ビジネス資料向け - NG：手描き風、抽象的な挿絵、写実的な人物、要素の詰め込みすぎ すべての日本語ラベルは、はっきり読みやすく描画してください。 ``` 💡 TIPS ## 使い方のコツ 入れる要素は 3〜5 個に絞るのが最大のコツ。6 個以上詰め込むと文字が潰れたりレイアウトが崩れやすい。 日本語ラベル入りの図は gpt-image / Nano Banana 2 系を使う。Midjourney / Stable Diffusion は日本語が崩れるので、ラベルなしの図に向く。 📝 EXAMPLE ## 入力例・出力例 ``` 入力（プロンプトを埋めた例・抜粋）： テーマ「問い合わせ対応を AI で自動化する流れ」／型「左→右の 3 ステップフロー」 要素「①受付（メール）②AI が分類（歯車）③担当者へ通知（ベル）」 配色「白背景＋紺＋水色」 出力例：白背景に紺の角丸ボックスが 3 つ横に並び、矢印でつながったフロー図。各ボックスにメール・歯車・ベルのフラットアイコンと「受付」「AI が分類」「担当者へ通知」の日本語ラベルが入り、そのままスライドに貼れる仕上がり。 ``` 🤖 RECOMMENDED AI ## このプロンプトに合う AI モデル [GPT Image 2.5 — OpenAI ChatGPT 内蔵の OpenAI 最新画像生成。2.5 で待ち時間は最大50%短縮、くり返し編集でも細部が崩れにくくなった。](https://ai-garage.jp/models/gpt-image/)[Nano Banana 2.1 / Pro — Google Gemini 内蔵の画像生成。2026年10月に Nano Banana 2.1 が登場し、Lite（最速）・2.1（バランス）・Pro（推論型・高品質）の三段構成に。](https://ai-garage.jp/models/nano-banana/)[Gemini — Google Google 製。Gmail / Docs との連携と、100万トークンの長文＋画像・動画・音声の読み取りが持ち味。一般に使える最新は 3.8 Flash（次世代の Gemini 4 Argon は 2026-09-30 に発表されたが、いまはサイバー防御の組織だけに限定提供）。](https://ai-garage.jp/models/gemini/) ❓ FAQ ## よくある質問 Q. このプロンプト（仕組み・手順の図解画像（インフォグラフィック）を作る）はどんなときに使えますか？ A. 資料・ブログ・SNS に載せる「仕組み図」「手順フロー図」「比較図」の生成。文章で説明すると長くなる「仕組み」「手順」「ビフォーアフター」を、AI に 1 枚の図解にしてもらうテンプレ。 gpt-image 系や Nano Banana 2 は日本語ラベル入りの図でも文字が崩れにくく、スライドにそのまま貼れるレベルの図解が数十秒で出せる。 Q. このプロンプトを使うときのコツはありますか？ A. 入れる要素は 3〜5 個に絞るのが最大のコツ。6 個以上詰め込むと文字が潰れたりレイアウトが崩れやすい。 日本語ラベル入りの図は gpt-image / Nano Banana 2 系を使う。Midjourney / Stable Diffusion は日本語が崩れるので、ラベルなしの図に向く。 Q. このプロンプトはどの AI で使うのがおすすめですか？ A. GPT Image 2.5、Nano Banana 2.1 / Pro、Gemini に向いています。ページ上部の「ChatGPT で開く」「Claude で開く」からそのまま試せます。 Q. [角括弧] の部分はどう書き換えればいいですか？ A. 書き換える箇所は 4 か所あります。ページ内の「穴埋めして自分用にする」フォームに入力すると、置き換えたあとのプロンプトをそのままコピーできます。入力した内容はこのページの中だけで使われ、どこにも送信されません。 🔗 RELATED ## 同じカテゴリの他のプロンプト [Midjourney でアート寄りのポートレート画像を作る SNS アイコン・小説の挿絵・コンセプトアート用のキャラ画像生成](https://ai-garage.jp/prompts/midjourney-portrait/)[ブログ・SNS 用のサムネ画像を作る（テキスト入り） 記事のアイキャッチ、X / YouTube のサムネ作成](https://ai-garage.jp/prompts/sns-thumbnail/)[ロゴ・アイコンのラフ案を 4 案まとめて出してもらう 新サービスのロゴ検討・アプリアイコン・ファビコンのたたき台づくり](https://ai-garage.jp/prompts/logo-draft/)[商品写真・リアル人物写真を作る（Nano Banana で） EC 商品画像・スライドの写真素材・架空のシーン写真](https://ai-garage.jp/prompts/photo-realistic/) [← プロンプト集 一覧へ](https://ai-garage.jp/prompts/)