Skip to content
Published on

AI時代の生存ガイド第8回：デザイナーのためのAI生存戦略 - Midjourney、Figma AI時代

🇰🇷KO🇺🇸EN🇯🇵JA
Split View
Authors

AI時代の生存ガイド第8回：デザイナーのためのAI生存戦略 - Midjourney、Figma AI時代

2022年秋、MidjourneyとStable Diffusionが公開されたとき、デザインコミュニティに衝撃が走りました。テキスト数行でクオリティの高い画像が生成されるのを見て、多くのデザイナーが「これで私たちはどうなるの？」と問いかけました。

それから3年以上が経ちました。AI画像生成ツールはさらに強力になり、FigmaにもAIが組み込まれ、Adobeの全製品にAI機能が統合されました。そして実際に、一部のデザイン業務は自動化されています。

ところが興味深いことが起きました。デザイナーの需要がなくなったのではなく、デザイナーがすべき仕事が変わったのです。 そしてその新しい仕事は、AI以前よりもはるかに面白く、より価値のある仕事でもあります。

この記事は、不安を感じているデザイナーの方々のための正直なガイドです。

1. AI画像生成ツールの現在地

AI画像生成ツールの急速な進化をまず把握する必要があります。各ツールの特性を理解すれば、ツールを恐れるのではなく、戦略的に活用できるようになります。

Midjourney：アイデア発散の王者

Midjourneyは依然として美しい画像生成で独自の地位を誇ります。特にアートディレクション、ムードボードの制作、コンセプトの発散で強みを発揮します。

# Midjourneyプロンプト例（概念理解用）
# ブランドアイデンティティムードボードの生成:
# "minimalist Korean tech startup branding,
#  clean typography, soft gradient, trust and innovation,
#  --ar 16:9 --style raw --v 6.1"

Midjourneyの主な特性：

  • 芸術的な美感が優れている
  • 一貫したスタイルの維持が難しかった問題を、v6からキャラクターリファレンス機能で改善
  • 精密なテキスト配置や正確なUI再現には限界がある

DALL-E 3：テキスト反映度最強

OpenAIのDALL-E 3はプロンプトを最も正確に反映します。複雑な説明を入力したとき、意図を最もよく再現します。ChatGPTに統合されて対話しながら画像を修正できることも大きな利点です。

特に「画像内に正確なテキストを入れる」ことはDALL-E 3が最も得意です。前世代のAIはテキストが乱れていましたが、今は相当正確になりました。

Stable Diffusion：コントロールの極み

Stable Diffusionはオープンソースである点で独自の存在感があります。ControlNetのような拡張機能を使えば、ポーズ、構図、深度などを細かくコントロールできます。

# ControlNetを活用した精密制御の概念:
# - Pose Control: 人物のポーズを自由に指定
# - Depth Control: 空間感と遠近感を維持
# - Edge Detection: スケッチから高品質なレンダリング
# - これにより「自分が望む構図」を正確に再現可能

Stable Diffusionの限界は学習曲線です。うまく使うにはモデル、LoRA、サンプラーなどへの理解が必要です。しかしその分、自由度が高くなっています。

Adobe Firefly：商業的安全性の保証

Adobe Fireflyの差別化ポイントはただ一つ、完全な商業ライセンスです。学習データをAdobe Stockの画像とパブリックドメインのコンテンツのみで構成し、著作権紛争なしに商業利用できます。

企業クライアントの仕事、広告、製品パッケージデザインで法的安全性が重要な場合は、Fireflyが最善の選択です。

各ツールの実用的な活用法

状況推奨ツール
初期コンセプト発散Midjourney
クライアントプレゼンテーションMidjourney + DALL-E 3
精密な構図制御Stable Diffusion + ControlNet
商業広告素材Adobe Firefly
対話しながら修正ChatGPT + DALL-E 3

2. Figma AIとAdobe AIの自動化の現状

Figma AIの主な機能

2025年以降FigmaにAI機能が統合され、デザインワークフローが変化しています。

Auto Layout + AIサジェスト

従来のAuto Layoutが強力だったところに、AIがレイアウトのルールを自動で提案する機能が追加されました。「このコンポーネントたちをどう整列すればよいか」をAIが読み取り、提案します。

Make Designs（テキストからUI生成）

「ダークモードのダッシュボード、サイドバーあり、データテーブルをメインに」と入力すると、大まかなワイヤーフレームを生成します。完成度の高い結果物ではありませんが、スケッチの出発点として有用です。

Rename Layers

数十個のレイヤーを意味のある名前に自動整理する機能。面倒だけど重要な作業をAIが解決します。

翻訳の自動化

多言語サービスのデザイン時にテキストレイヤーを自動で翻訳します。直接翻訳作業にかけていた時間が大幅に削減されました。

Adobe AI（Generative Fill、Express AIなど）

Adobe PhotoshopのGenerative Fillは、すでに多くのデザイナーが日常的に使用しています。

  • 画像背景の拡張（Generative Expand）
  • オブジェクトの除去と背景の自動補完
  • 部分修正（Inpainting）
  • テクスチャの生成

Adobe IllustratorのAI機能も継続的に拡張されています。ベクター画像生成、パターンの自動化、フォントマッチングなどが含まれます。

自動化で削減される時間 vs 依然として必要な時間

正直に申し上げます。以下の作業はAIで格段に速くなりました。

  • 基本アセットの生成（アイコンセット、背景画像、モックアップ画像）
  • デザインシステムに基づく数十枚の画面生成
  • 古い画像の補正とスタイルの統一
  • 多言語レイアウトのテスト

一方、依然として時間がかかる作業：

  • ブランドアイデンティティの独自性の定義
  • 複雑なユーザーフローの設計
  • アクセシビリティとインクルーシブデザインの考慮
  • 細やかなインタラクションの詳細定義

3. AIが代替できないデザイン能力

ここからが本題です。AIがどれだけ優れていても代替できないデザイン能力があります。そしてこれらの能力の価値は、むしろ高まっています。

ユーザーリサーチと真の共感

AIは既存のデータを分析できます。しかし、まだ存在しないニーズを発見することは別の話です。

ユーザーインタビューの現場で「ああ、実際にこう使っているんだ」と気づく瞬間、ユーザーが口にしないことから本当の問題を見抜く能力、観察を通じて潜在的なニーズを発見することは、依然として人間のデザイナーのコア能力です。

さらに重要なのは、AIは「共感」できないということです。デザイナーがユーザーの痛みに心から共感するとき、その感情がデザインの意思決定に溶け込むとき、ユーザーはそれを感じ取ります。「この製品は私を理解している」という感覚は、データ分析ではなく共感から生まれます。

ブランド戦略と方向性

「私たちのブランドはどんな色を使うべきか」は表面的な問いです。本当の問いは「私たちのブランドはどんな感情を呼び起こすべきか？どんな価値を伝えるべきか？10年後もこの方向性は有効か？」です。

AIは「この業界では通常こういう色を使います」と言えます。しかし「競合他社と差別化するために常識を破るべきだ」という戦略的な勇気は、AIには出せません。

大手企業のブランドカラーがブランド資産になったのは、データがそう推薦したからではありません。ブランドが追求する価値とユーザーとの感情的なつながりに対する深い理解から生まれた決断です。

複雑なUXアーキテクチャ

単純な画面を一つ作るのではなく、数十の画面が有機的につながったユーザージャーニーを設計することは、AIには苦手です。

# 複雑なUXアーキテクチャの例: 金融アプリのローン申請フロー
#
# ユーザー状態による分岐:
# - 新規ユーザー vs 既存ユーザー
# - 信用スコアの段階別に異なるフロー
# - 書類提出状況に応じた進行状況
# - 銀行システムの応答遅延時の処理
# - 途中で離脱後に再進入した際の復旧
# - アクセシビリティ要件（視覚障害者、高齢ユーザー）
# - モバイル vs デスクトップの差別化
#
# すべてのケースを一貫性をもって設計するには
# システム的思考とドメイン理解が同時に必要です。

各状態間の遷移、例外処理、エラー状態、空状態、ローディング状態 - これらすべてを一貫して設計する能力は、依然として熟練したUXデザイナーの領域です。

ストーリーテリングと説得

優れたデザインはストーリーを持っています。ホームページのランディングページ一つがユーザーをどうやって顧客にするか、そのジャーニーでどんな感情を引き起こし、どんな疑念を解消し、どの瞬間に行動を促すか。

このストーリーテリング能力は、コピーライティング、ビジュアルデザイン、インタラクションデザイン、心理学を統合した能力です。AIはこれらの各要素をある程度支援できますが、統合されたストーリーを作ることは依然として人間のデザイナーの仕事です。

4. AIを強力なデザインツールとして活用する

Midjourneyでアイデア発散を加速する

ブランドコンセプトの初期段階、クライアントとの方向性合意の段階で、Midjourneyは強力です。

実用的なムードボードのワークフロー：

# ステップ1: キーワード抽出
# クライアントのブリーフから核心となる感性キーワードを抽出
# 例: "信頼、革新、親しみやすさ、未来志向"

# ステップ2: プロンプトの組み合わせを実験する
# "trustworthy fintech brand identity,
#  warm yet professional, young professionals target,
#  soft blue and warm beige palette,
#  --style raw --ar 16:9"

# ステップ3: 複数の方向を一度に探索する
# 5〜10の異なるムードの方向を30分以内に視覚化する

# ステップ4: クライアントとの方向性の議論
# 具体的なビジュアル資料を通じた、はるかに効率的な議論

以前はムードボード一つを作るのに半日かかっていました。今は30分以内に5つの方向をクライアントに見せることができます。

AIでモックアップ生成を加速する

製品写真、アプリのスクリーンショット、マーケティング素材の制作で、AIは膨大な時間を節約してくれます。

Photoshop Generative Fillの実用的な活用：

  • 製品写真の背景差し替え（スタジオ撮影コストの削減）
  • さまざまな季節・時間帯の背景に自動変更
  • モデルなしで衣類の着用シミュレーション
  • 劣化したブランド資料の復元

アプリスクリーンのモックアップ制作：

デザインファイルのスクリーンショットを実際のデバイスモックアップに適用するプロセスもAIで速くなりました。数十の画面をさまざまなデバイスフレームに自動適用するプラグインが登場しています。

コードを理解するデザイナー：Figma Dev Mode

AI時代にデザイナーにとって新たに重要になった能力があります。それは開発者との協業能力です。

Figma Dev ModeはデザインをコードにAuto変換する機能を提供します。

/* Figma Dev Modeが自動生成するCSSの例 */
.button-primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  background: #3b82f6;
  border-radius: 8px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}

デザイナーがこのコードを完璧に理解する必要はありません。しかし：

  • border-radius が何を意味するか
  • flex が何を意味するか
  • ピクセルとremの違いは何か

この程度を理解していれば、開発者との協業がはるかにスムーズになります。「なぜ違って表示されるの？」という会話で、はるかに生産的なコミュニケーションが可能になります。

AIで繰り返し作業を自動化する

デザイナーの業務には、思いのほか多くの繰り返し作業があります。AIとプラグインを活用すれば、この時間を大幅に削減できます。

Figmaプラグインの活用：

  • Content Reel: 本物らしいダミーデータの自動入力
  • Rename It: レイヤーの一括名称変更
  • Autoflow: フロー矢印の自動生成
  • Stark: アクセシビリティの自動検査（色のコントラスト、視覚障害者シミュレーション）

5. AI製品デザインの特殊性：AI UX

AI機能を含む製品のUX設計は、一般的なUXとは異なる特別な考慮事項が必要です。これが2026年のデザイナーにとって最も急成長している専門分野です。

AI UXの核心原則

1. 不確実性の表現

AIは常に確実な答えを提供するわけではありません。「この写真に猫がいる確率93%」のように不確実性があります。これを視覚的にどう表現するか？

# AI不確実性の表現パターン:
# - 信頼度バー: 視覚的な進行バーで確信度を表現
# - テキストラベル: "AI生成", "AI推薦", "高い確信度"
# - 段階的公開: 核心の結果 → 詳細説明 → 元データ
# - フィードバック要求: "この結果は役に立ちましたか？"

2. AIの失敗を優雅に処理する

AIが間違えたり、答えられない状況のUX設計。

  • 空の状態（Empty State）：AIが学習データ不足で推薦できないとき
  • エラー状態（Error State）：AI APIの応答失敗時
  • 低い信頼度の状態：AIが推測しかできないとき
  • フォールバック状態（Fallback）：AIの代わりに手動機能に切り替え

3. ストリーミングレスポンスのUX

ChatGPTのようにテキストがリアルタイムで生成されるインターフェース。この「タイピング効果」は単純な視覚効果ではありません。ユーザーの認知負荷を下げ、待ち時間をより自然に感じさせます。このような細やかなインタラクションデザインがユーザー体験を大きく変えます。

4. 透明性と説明可能性

「なぜこの推薦をしたのか」をユーザーに見せるか？見せるなら、どう表現するか？

動画配信サービスの「あなたが[作品]を見たから」というラベルは、AI UXの透明性の良い例です。シンプルですが、ユーザーがAIのロジックを理解し、信頼するようになります。

AI時代のデザイナーが知っておくべき基本的なAIの概念

完全に理解する必要はありませんが、以下の概念は知っておく必要があります。

  • ハルシネーション: LLMが存在しない事実を作り出す現象。これを防ぐUX設計（情報ソースの表示など）が必要です。
  • コンテキストウィンドウ: LLMが一度に処理できるテキスト量の限界。長い会話でAIが以前の内容を「忘れる」現象をUXでどう処理するか。
  • 温度（Temperature）: AIの応答の創造性・ランダム性のレベル。クリエイティブなAIと正確なAIではUXが異なります。
  • プロンプトインジェクション: 悪意のあるユーザーがAIシステムを操作しようとする試み。セキュリティUXの設計が必要です。

6. デザイナーのAI時代のポジショニング戦略

ポジショニングオプション1：AI UX専門家

AI製品のUXを専門的に設計するデザイナー。現在、需要が最も高い方向の一つです。

必要な能力：

  • AIシステムの特性の理解（ハルシネーション、不確実性など）
  • AI製品の評価指標の理解（ユーザー満足度、AI信頼度など）
  • プロンプトインターフェースの設計
  • AIエージェントインターフェースの設計

ポジショニングオプション2：ブランドアイデンティティ専門家

逆説的ですが、AIが大量に画像を生成するようになるほど、真に独自のブランドアイデンティティの価値が高まります。AIで作ったように見えるビジュアルが溢れるとき、真に人間的で独自のブランドが差別化されます。

この方向のデザイナーは：

  • AIツールをアイデア発散に活用しつつも
  • 最終的なアイデンティティは深いブランド戦略から出発させる
  • 独自の個人スタイルを開発する

ポジショニングオプション3：フルスタックデザイナー

コードを理解し、AIツールを使いこなし、製品戦略まで議論できるデザイナー。小規模チームとスタートアップで需要が非常に高いです。

# フルスタックデザイナーの技術スタック例:
# - Figma (UI/UX設計)
# - Framer または Webflow (デザインからウェブサイトへ)
# - HTML/CSS 基礎 (開発者との協業)
# - Midjourney/Firefly (アセット生成)
# - ChatGPT/Claude (コピーライティング支援)
# - Notion (ドキュメント化およびUXライティング)

このようなデザイナーは、1人起業家や小規模スタートアップで「デザイン + 一部フロントエンド + AIツール活用」を一人で担当できます。

ポジショニングオプション4：AIツールエバンジェリスト

社内でデザインチームのAIツール導入を牽引する役割。まだ多くのデザインチームがAIツールを体系的に導入できていません。

  • チームのAIワークフローの設計
  • AIツールの実験と評価
  • 社内教育とガイドラインの作成
  • AI使用のベストプラクティスのドキュメント化

7. ポートフォリオ：AI活用 + 人間中心設計を見せる

AI時代のデザインポートフォリオの核心原則

単に「きれいな画面」を見せるポートフォリオは、もう十分ではありません。AIが美しい画像を大量生成できるからです。

強力なポートフォリオは、「なぜこのように設計したか」という思考プロセスを見せます。

ポートフォリオのケーススタディ構成

各プロジェクトを以下の構造でまとめましょう。

# ケーススタディの構成:
#
# 1. 問題定義 (Problem)
#    - どのユーザーのどんな苦痛を解決したか
#    - ビジネス目標は何だったか
#
# 2. リサーチと発見 (Research & Insights)
#    - どんな方法でユーザーを理解したか
#    - 核心的なインサイトは何だったか
#
# 3. 設計プロセス (Design Process)
#    - どんなアイデアを探索したか（AIツールの活用過程を含む）
#    - どんな決定をなぜ行ったか
#    - どんな代替案を検討し、なぜ選ばなかったか
#
# 4. 最終ソリューション (Solution)
#    - 完成したデザイン
#    - AIツールをどう活用したか
#
# 5. インパクト (Impact)
#    - リリース後どんな結果があったか
#    - ユーザーの反応はどうだったか

AI活用を正直に見せる

AIツールを使ったことを隠さないでください。むしろ強みです。

良いポートフォリオのストーリー例：

「初期コンセプト段階でMidjourneyを使って15のムードの方向を探索しました。これによりクライアントと3時間の会議なしに30分で方向性を合意することができました。その後、選ばれた方向をもとに実際のブランドアセットを直接設計しました。AI生成の画像はインスピレーションの源としてのみ使用し、すべての最終アセットは自分で制作しました。」

このようなストーリーは、「AIを戦略的に、責任をもって活用できる」ということを示します。

AI UXプロジェクトを含める

可能であれば、AI機能を含む製品のUX設計のケースをポートフォリオに含めましょう。

  • AIチャットボットのインターフェース設計
  • AI推薦システムのUX
  • AI生成コンテンツの信頼度表示デザイン
  • AIエージェントダッシュボード

このようなケースがない場合は、既存のAI製品を分析して「自分がリデザインするなら」という仮想プロジェクトも良いポートフォリオ素材になります。

AI時代のデザイナーの12ヶ月成長ロードマップ

1〜3ヶ月目：AIツールのマスタリー

実習目標：

  • Midjourneyの集中実習：毎日30分、さまざまなスタイルのプロンプトを実験する
  • Figma AIの全機能を試してみる
  • Adobe Fireflyで一つの完成したマーケティング素材を制作する

学習目標：

  • AI画像生成の著作権問題を理解する
  • AI UXパターン20個を収集・分析する（ChatGPT、Perplexity、Notion AIなど）

4〜6ヶ月目：AI UX理解の深化

実習目標：

  • AI機能を含む仮想アプリのUX設計を1つ完成させる
  • AI不確実性の表現方法5つの試案を制作する

学習目標：

  • 「Design for AI」関連の記事を20本読む（Nielsen Norman GroupのAI UXガイドラインなど）
  • LLMの基本概念を理解する（2〜3時間の投資）

7〜9ヶ月目：専門化とポートフォリオの整理

  • 選択したポジショニング方向で代表プロジェクト1つを完成させる
  • ケーススタディ3つをポートフォリオサイトに掲載する
  • デザインコミュニティで発表する

10〜12ヶ月目：キャリア転換またはポジションのアップグレード

  • ターゲットとする役割を明確に定義する
  • ネットワーキングを強化する
  • 転職または社内ポジショニング戦略を実行する

おわりに：AI時代のデザイナーの本質

AIが大量に画像を生成する時代に、逆説的に「なぜこのデザインでなければならないか」という問いの重要性が増しています。

AIは数百万のデザインパターンを学習しています。しかし「このブランドのユーザーが感じる感情」、「このコンテキストでこのインタラクションがなぜ自然なのか」、「この色がこの文化でどんな意味を持つのか」 - こうした問いに答えることは、依然として人間のデザイナーの仕事です。

デザイナーは美しいものを作る人ではありません。人間の問題を視覚的な体験で解決する人です。AIが視覚的な実行の多くを担うようになるほど、その結果物に方向を与え、意味を付与するデザイナーの役割はますます重要になります。

AIツールを恐れないでください。それらはあなたの手と目を拡張してくれるツールです。重要なのは、そのツールで何を作るかを決めるあなたの判断、共感、そして創造性です。

AI時代の生存ガイドシリーズは続きます。次回はAI時代の就職と転職戦略を総合的に取り上げます。

Discuss on Twitter • View on GitHub