■ 生成AIは「作り方」と「働き方」を変える
- AIは単なる便利ツールではなく、仕事の進め方そのものを変える存在
- 文章作成・画像制作・企画・構成など、時間がかかっていた作業が高速化
- 個人でも高品質な制作物を短時間で作れる時代に → “AIをどう使いこなすか” が価値になる
■ 時代の変化：検索 → AIと一緒に作る時代へ
- 以前：検索して情報を探し、自分で整理
- 今：AIに要約・整理・アイデア出しを任せられる
- 文章・画像・企画までAIがサポート → 制作工程全体が変化している
■ 仕事はなくならない、役割が変わる
- AIが奪うのは「単純作業」
- 人間は 企画・提案・判断・方向性決定 に集中
- 「手が速い人」より「考えられる人」が評価される → デザイナーの価値は“判断力”へシフト
■ AI登場で準備の仕方が変わった
- 以前：素材探しに何時間も
- 今：AIに「こんな雰囲気で」と伝えるだけで試作品が出る
- 人間は 方向性を決める役割 に移行
🧠 AIの基本理解
■ 従来型AIと生成AIの違い
● 従来型AI
- 分類・予測・判定
- 例：顔認証、迷惑メール判定 → “答えを選ぶAI”
● 生成AI
- 文章・画像・動画・音声などを作る → “新しく作るAI”
■ 生成AIが作れるもの
- 文章
- 画像
- 動画
- 音声
- プログラムコード → Web制作に必要な素材の多くをAIが作れる時代
■ AIは魔法ではない
- 指示が曖昧だと結果も曖昧
- 間違った情報を出すこともある
- AIの出力を人間がチェックすることが必須
■ 人間の役割はむしろ重要に
- クライアントの意図を理解する
- ブランドイメージを考える
- 最適な案を選ぶ → AIは大量に作る、最適解を決めるのは人間
🛠 Webデザイナーが使うべきAI
■ ① 文章生成AI（ChatGPT / Gemini / Copilot）
- キャッチコピー
- LP構成案
- ペルソナ設定
- SEO見出し
- A/Bテスト用コピー → 言葉の探索が爆速になる
■ ② 画像生成AI（Firefly / Midjourney / DALL·E）
- バナー背景
- イラスト
- 商品イメージ
- 不要物除去・画像拡張 → 素材探しから“素材を作る”時代へ
※商用利用はツールごとに規約確認が必須
■ ③ 動画生成AI（Runway / Pika / Kling）
- SNS広告動画
- モック動画
- 簡易アニメーション → Webデザイナーにも動画理解が求められる時代
✍️ プロンプト（AIへの指示）の基本
■ プロンプトは「制作指示書」
- 具体的に伝えるほど精度が上がる
- 例：
- 「20代女性向け」
- 「水色」
- 「高級感」
- 「余白多め」
- 「文字スペースあり」
→ AI時代は“伝える力”が成果物の質を決める
■ AIの結果はツールごとに違う
- 学習データ・解釈が異なるため
- 同じプロンプトでも違う結果が出る → “どのAIを使うか”より“どう使うか”が重要
■ 商用利用の注意点
- ツールごとに規約が違う
- 無料プランは商用NGの場合も
- 著作物に似すぎるリスク → 利用規約の確認は必須
🧭 AI時代の働き方
■ Canva × NotebookLM が強力
● Canva
- SNS画像・資料制作が高速
- AI機能（Magic Studio）で編集が簡単
- チームコラボに強い → “速く作る”価値が高まっている
● NotebookLM
- 自分の資料だけを学習するAI
- クライアント資料の要約・整理が爆速 → リサーチと要件整理が最速になる
■ AI時代に必要な力
- ディレクション力
- 情報整理力
- 言語化能力
- 提案力
- コンセプト設計力
→ AIを使って価値を作れる人が求められる
🎯 最終まとめ
- 生成AIは「仕事を奪う存在」ではなく 人間の能力を拡張するツール
- AIが作業を高速化、人間は方向性・判断・品質調整を担当
- Webデザイナーは AIを使いこなし、価値を生み出す人 へ進化する
- AI時代ほど デザイン基礎・思考力・言語化力 が重要になる
参考サイト
- 【簡単】生成AIプロンプト一覧｜イメージ通りに作成するコツも解説
- Webデザイン生成AIツール10選！AIに仕事を奪われる？現状や必要なスキルを解説
- 結局、Webデザイナーの仕事でAIはどこまで使えたのか？ 実務で試した1年を本音で振り返る
- 効果的なテキストプロンプトの記述
- Web制作AI活用術 アイデア出しから実装まで「明日から使える」プロンプト設計4つの極意
- AIと著作権について
MEMO
現在のAIの分類：「従来型AI」と「⽣成AI」
従来型AI・・既存データを分析し、分類や予測を⾏うAI
現在の⽣成AI・・⽂章、画像、動画、⾳声、さらにはプログラムコードまで⽣成可能
最近では、短い指⽰だけで動画を⾃動⽣成するAIも登場しています。
つまり、Web制作に必要な多くの素材を
AIが⽀援できる時代になっているということ
最⾼のパートナーとしてのAI
⼀緒に考えるパートナー」として活⽤する
アイデア出しはAIに任せ、
最終的な世界観や品質調整は⼈間が⾏う、
といった役割分担
Webデザイナーが使う⽣成AI
①⽂章⽣成・・代表的なものに、ChatGPT、Gemini、Copilot
キャッチコピー作成、LP構成案、SEO⾒出し作成、
ペルソナ設定などに活⽤
LPの構成案を複数パターンで⽣成したり、
バナーのABテスト⽤にキャッチコピーを量産したりする⽤途でも⾮常に強⼒
⼈間が調整や判断を⾏う必要がありますが「ゼロから考える負担」を⼤きく減らせる点は、
Webデザイナーにとって⾮常に⼤きなメリット
②画像⽣成・・Firefly・Midjourney・DALL·E
バナー素材や背景画像、商品イメージ、
イラストを短時間で⽣成。ただし、商⽤利⽤の可否はツールやプランによって異なるため、
必ず利⽤規約を確認
「必要な素材をその場で作る」時代へと移りつつある
③動画⽣成・・Runway、Pika、Kling、なお、OpenAIのSoraのように利⽤が限定されているツールも存在
SNS広告動画や簡易アニメーション、モック動画などを
短時間で作成できます
プロンプトの基本テンプレ
「SNS広告⽤」「20代向け」「⻘系」「⾼級感」「⽂字スペースあり」
など
「制作指⽰書を書く感覚」に近い
商⽤利⽤に関する注意点
AI画像⽣成ツールで作成した画像を商⽤利⽤する際は、
まず使⽤するサービスの利⽤規約を確認することが⼤前提
利⽤前に各サービスの最新の利⽤規約やガイドラインを確認し、
著作権リスクも確認する習慣をつけましょう
AIによって変化する働き⽅
「デザイン制作を最速化するCanva」
×「リサーチや要件定義を最速化するNotebookLM」。
まさに【制作と設計の可能性を広げる2⼤ツール】の掛け合わせ
Canva
特にSNS運⽤や社内資料制作では、多くの企業がCanvaを活⽤しています。
Web業界でも、「速く作る」という価値が重視される中で
存在感を⾼めています
① 内製化の強⼒ツール・・専⾨知識が少なくても、SNS画像やチラシ、プレゼン資料などを短時間で
作れる
② Magic Studioの進化・・画像⽣成、背景除去、⾃動リサイズ、⾃動レイアウト、AIライティング、
プレゼン⽣成など、多くの作業を⽀援してくれます
③ チームコラボに強い・・Canvaは、チームでの共同作業を前提に設計されています。
URL共有、同時編集、コメント機能、修正履歴、クラウド保存などが
充実
④ 実務で強い・・すぐ使える」
NotebookLM
Googleが提供する新しいAIツール
特徴は、「⾃分がアップロードした資料だけをもとに回答する」という点です。
つまり、⼀般的なAIチャットではなく、「⾃分専⽤のAIアシスタント」を
作れるイメージ
NotebookLMの活⽤例
クライアント資料をNotebookLMに読み込ませることで、
強みの抽出、キャッチコピー⽣成、差別化ポイント整理などができます。
⼤量のPDFや議事録を読み込ませても、重要ポイントを短時間で整理できます。
また、「この会社の特徴を3つでまとめて」などの質問にも対応できます。
Web制作前の情報整理や提案準備に⾮常に役⽴つツールです。
特に、リサーチ時間を短縮できる点が⼤きなメリット