講座ホーム / Thumbnail-Designer-Pro 完全ガイド
VERSION 1.0
🎨 Thumbnail-Designer-Pro 完全ガイド

「クリックされなければ、存在しないのと同じ。」
YouTubeのクリック率(CTR)を最大化させるため、3種のワイヤーフレームレイアウトとプロ級のデザイン理論をAI画像生成(Nano Banana Pro対応)に融合させた究極のサムネイル制作キットです。
Pythonなどの面倒な設定は一切不要。 テキストファイルを編集してAIに送るだけで、一撃でプロのデザイナーが作成したかのようなサムネイルを量産できます。

① キットの内容と事前準備

まずは、以下のボタンから特典ツール Thumbnail-Designer-Pro_v1.0 をダウンロードしてください。

📦 Thumbnail-Designer-Pro V1.0

Googleドライブからダウンロード →
📂 ダウンロードしたフォルダ内の素材
  • SKILL.md : AIへの指示書(本体)。これをAIに渡すことでワークスペース生成が動く
  • resources/layouts/ : サムネイルの土台となる3つのレイアウト画像(ワイヤーフレーム)
  • resources/thumbnail_prompt_0X.txt : 各レイアウトに対応したプロンプトテンプレート
  • Thumbnail_Design_Masterclass.md : CTR最大化のためのデザイン理論リファレンス
💡 事前準備:キャラクター画像の準備

サムネイルの顔となる「キャラクターベース画像」を事前に1枚用意しておきましょう。(複数の参照画像をマージさせるのは品質低下の原因になるため、あらかじめ実写画像生成ツール等で1枚にまとめておくことを強く推奨します)

② サムネイル制作 3つのステップ

キットの使い方は非常にシンプルです。たった3つのステップで完了します。

Step 1: AIにWorkspaceを生成させる

テンプレファイルは直接編集しないことを強く推奨します。一度上書きすると再ダウンロードまで元に戻せません。代わりにAIにWorkspaceを自動生成させましょう。

  1. Antigravity(Gemini)の場合:SKILL.md をチャット欄にドラッグドロップ
    Claudeなどの場合:ファイルパスをチャットに貼り付け
  2. ○○という動画のサムネのworkspaceを準備して」と依頼する。動画のタイトル・テーマ・視聴者に伝えたいメッセージなどを具体的に添えると精度が上がる。
    📄 SRT(字幕・文字起こし)ファイルを一緒に添付すると、AIが動画内容を深く理解してキャッチコピーの精度が大幅に向上します。

AIが自動でやること(計6点を揃える):

  • Layout・感情テーマ・キャッチコピーの提案(承認制)
  • workspace/YYYYMMDD_動画テーマ/ フォルダを作成
  • 穴埋め済みプロンプト3種をworkspaceに保存 (自動)
  • ワイヤーフレーム3種をworkspaceに自動コピー (自動)

⚠️ resources/ フォルダ内のオリジナルファイルは絶対に編集しないでください。すべての作業はworkspace内のコピーで行います。

Step 2: Workspaceを開いてペアを選ぶ

AIが生成した workspace/YYYYMMDD_xxx/ フォルダを開きます。3つのワイヤーフレーム画像と3つのプロンプトが揃っています。どのLayout(構図)で試すか決めましょう。

ファイル名 構図の特徴 向いている動画
layout_01_left_text.png 左にテキスト、右にキャラ全身 AI動画・ハウツー・基本全スタイル
layout_02_left_text_face.png 左にテキスト、右に顔アップ 感情訴求・心理系・インパクト重視
layout_03_top_title_left.png 上にタイトル、下にビジュアル 衝撃系・トレンド解説・比較検証

📸 実際の構図プレビュー

Layout 01
Layout 02
Layout 03
Step 3: 画像生成AIに送信する

選んだLayoutのペア(ワイヤーフレーム+プロンプト)を画像生成AIに送信します。3パターン全て生成してABテストしましょう。

  1. @Image1workspace/xxx/layout_0X_xxx.png(ワイヤーフレーム)を添付
  2. @Image2 に 事前準備した「キャラクターベース画像」を添付
  3. チャット本文に workspace/xxx/thumbnail_prompt_0X.txt の内容をコピペして実行
🛠️ 推奨送信先の比較
⭐ Gemini(最高品質・推奨)
gemini.google.com/app ↗
  • Nano Banana Pro(Gemini 3 Pro Image)→ 複雑な指示を深く理解・高等質感
  • Nano Banana 2(Gemini 3.1 Flash Image)→ 高速・軽量
  • ⚠ 画像右下にGeminiの星マークが入る
Google Flow
labs.google/fx/ja/tools/flow ↗
  • 透かしなし
  • カンバスに画像をあらかじめセットできる(毎回アップ不要)
  • 4枚同時生成が可能
  • サムネ向けに品質が波打つ場合あり(英語展開・レイアウト崩壊等)
  • 1枚ずつ生成が安定しやすい
LitVideo(API経由)
LitMedia LitVideo ↗
  • 透かしなし(API経由)
  • クレジット消費あり
③ プロは必ず行う「ABテスト」の推奨
📊 データで勝ちパターンを見つける鉄則

初めから「正解」のサムネイルがわかる人はいません。そのため、3つの Layout 全てでプロンプトを埋め、3パターンのサムネイルを生成してYouTubeにアップロードしましょう。
数日間でクリック率(CTR)のデータを取り、どの構図が最も刺さったのかを数字で判断する。これがプロクリエイターの常識です。

🧠 さらにデザインの奥義を知りたい方へ

同梱されている Thumbnail_Design_Masterclass.md をぜひお読みください。「1:1.618の黄金比レイアウト」「0〜3語の究極の引き算」「白背景+青い影の極意」など、AIプロンプト内に組み込まれているCTR最大化のためのデザイン理論のすべてを開示しています。

🟢 初心者:まずそのまま使ってみる

Step 1〜3をそのまま実践するだけ。AIが全部やってくれるので、設定不要でプロ品質のサムネが作れます。

🔵 中級:workspaceのプロンプトを自在にカスタマイズ
  • 生成された thumbnail_prompt_0X.txt を動画ごとに微調整する
  • 「この部分をもっと〇〇にして」とAIに頼めばOK。変更はworkspace内のコピーのみに行う
  • ぐちゃぐちゃになっても resources/ のオリジナルは無傷なので安心
🔴 上級:SKILL.md自体を改造して仕様を永続変更
  • スキルの動作フローや提案ロジック自体をGemini 3.1 Pro・Claude Sonnet 4.6以上に調整させ、自分好みの仕様に永続的に書き換える
  • 「このスキルの〇〇の挙動を変えて」と伝えるだけ。以後すべてのプロジェクトに反映される
  • 壊してしまっても再ダウンロードで元バージョンに完全復元できる。恐れずに試そう
BACK TO PORTAL
実践の準備は整った。動画制作を進めよう。
講座ホームへ戻る →