UI/UXデザイナーのAI活用術｜デザイン業務を劇的に効率化する最新手法

リサーチの記録を整理する

ユーザーインタビューの文字起こしを生成AIに渡し、「発言を、不満、要望、現在の工夫の3つに分類して」と指示すると、記録を読み込んで整理する時間を短縮できます。複数人のインタビューで共通する発言を抜き出させれば、課題の傾向もつかみやすくなります。

ただし、インタビューの記録には個人情報が含まれることがあります。氏名や勤務先などを伏せたうえで、所属先のルールで認められたツールだけを使いましょう。また、要約では細かなニュアンスが抜け落ちることがあるため、重要な発言は元の記録で確認することが大切です。

ペルソナは仮説づくりに使う

「〇〇代の共働きの親向けの家計管理アプリ」のように対象を伝えれば、AIはもっともらしいペルソナを短時間で作ります。ただし、それは実在のユーザーの声ではなく、一般的な情報から組み立てた仮説にすぎません。AIのペルソナは「インタビューで何を確かめるか」を考える出発点として使い、実際のユーザー調査の代わりにしないことが重要です。

アイデア出しとワイヤーフレームのたたき台を作る

テキストで画面の要件を伝えると、レイアウトの案を生成してくれるツールが増えています。たとえば「商品詳細ページ。購入ボタンを目立たせ、レビューを下部に配置」と伝えれば、複数のたたき台を短時間で比べられます。1案を作り込む前に、方向性の異なる案を並べて検討できるのが利点です。生成された案は、情報の優先順位や画面遷移が要件に合っているかを自分の目で見直しましょう。

操作できるプロトタイプを素早く作る

Figmaの公式ブログFigma Make Is Now Available to All Usersでは、Figma Makeはプロンプトから操作できる精細なプロトタイプを作れるツールとして紹介されており、2025年7月にFigmaのAI機能とあわせてベータ版を終えたと発表されています。画面を一枚ずつ作ってつなぐ前に、操作の流れをすぐに試せるため、関係者との認識合わせやユーザーテストの準備が速くなります。生成されたコードはそのまま製品に使える品質とは限らないため、検証用と割り切って使うのが基本です。

UXライティングの候補を出す

ボタンのラベルやエラーメッセージなどの短い文章(マイクロコピー)は、ユーザーの体験を大きく左右します。「パスワードを間違えたときのエラーメッセージを、不安を与えず次の行動が分かるトーンで3案」と指示すると、比較できる候補がすぐに得られます。最終的には、サービス全体で言葉づかいがそろっているか、誤解を生む表現がないかを人が確認します。

イメージ画像を生成し、写真を加工する

画像生成AIを使うと、プロダクトの世界観に合ったイメージ画像の候補を素早く作れます。Photoshopなどに搭載された生成機能を使えば、背景の拡張や不要な物の除去も手軽に行えます。ストックフォトを探す時間を減らし、デザインの検討を早い段階から具体的に進められます。

デザインデータの整理とレビューを補助する

レイヤー名の自動整理や、文言の表記ゆれのチェックなど、地道な整理作業もAIに任せやすい領域です。文字と背景のコントラスト比のように基準が明確な項目は、専用のチェックツールやプラグインで機械的に確認するほうが確かです。たとえばWCAG 2.2では、通常の文字のコントラスト比は4.5:1以上、クリックやタップの対象の大きさは原則として24×24 CSSピクセル以上が基準とされています。AIは補助として使い、最終的な確認はこうした基準に照らして行いましょう。

選ぶときに確認したいポイント

一つ目は、今使っているデザインツールとの連携です。Figmaで作業しているなら、まずFigmaのAI機能から試すと導入の手間を抑えられます。二つ目は、入力したデータの扱いです。入力内容がAIの学習に使われるかどうか、業務での利用が認められているかを利用規約で確認しましょう。三つ目は、生成物の商用利用の条件です。特に画像生成AIは、ツールや料金プランによって商用利用の扱いが異なります。

デザインが似通ってしまう

AIは過去の大量のデータから学習しているため、そのまま使うと「どこかで見たような無難なデザイン」になりがちです。AIの出力は出発点と考え、プロダクト固有の価値やブランドらしさは、デザイナー自身が加えることを前提にしましょう。

機密情報や個人情報を入力しない

クライアントの未公開情報や、ユーザーの個人情報を含むデータを、利用が認められていないAIツールに入力するのは避けてください。会社やクライアントによっては、使用できるAIツールが決められている場合もあります。フリーランスの場合は、クライアントの資料をAIに入力してよいか、事前に合意を得ておくと安心です。

著作権と利用規約を確認する

文化庁のAIと著作権に関する考え方について(概要)では、生成された画像などに既存の著作物との類似性と依拠性が認められ、権利制限規定の対象外である場合は、著作権侵害となると整理されています。特定の作品や作家の名前を指定して生成するような使い方は避け、生成物が既存の作品に似すぎていないかを確認しましょう。商用で使う場合は、ツールの利用規約で権利の扱いを確認することも欠かせません。

もっともらしい誤りを見抜く

生成AIは、事実と異なる内容をもっともらしく出力することがあります。リサーチの要約や競合の情報をAIで整理した場合は、元の情報と照らし合わせて確認しましょう。AIを使った成果物でも、品質の責任を負うのはデザイナー自身です。

AIを使うとデザイナーとしての力が落ちる

AIの出力をそのまま受け入れ続ければ、判断力は育ちにくくなります。一方で、AIが出した多くの案を「なぜこれは良くて、これは良くないのか」と評価し続ければ、デザインを見る目はむしろ鍛えられます。力が落ちるかどうかは、AIの使い方次第です。

AIツールは使いこなすのが難しい

多くのAIツールは、日本語で話しかけるように指示を出すだけで使い始められます。プログラミングの知識がなくても始められるものが多くあります。まずはマイクロコピーの案出しのような小さな作業から試すのがおすすめです。

AIを使えばデザインの品質が自動的に上がる

AIは作業を速くしますが、品質を保証するものではありません。何を作るべきかを決め、出力を評価して改善するのは人の役割です。速くなった分の時間を、検証や改善の回数を増やすことに使ってはじめて、品質の向上につながります。

意図を言葉にする力

AIへの指示も、チームへの説明も、デザインの意図を言葉にする力が土台です。「なぜこのレイアウトなのか」「誰のどんな課題を解決するのか」を簡潔に説明できるデザイナーほど、AIを思いどおりに動かせます。

課題を見つけ、構造を考える力

画面を作る作業の一部をAIが担うようになるほど、「そもそも何を解決すべきか」を見極めるリサーチの力や、情報や画面遷移の構造を設計する力の重要性が増します。ここはAIが代わりに判断できない領域です。

AIを組み込んだプロダクトの体験を設計する力

AIを道具として使うだけでなく、AIが組み込まれたサービスの体験を設計できることも、今後の強みになります。AIが回答を生成している間の待ち時間をどう見せるか、AIの回答が不確かなことをどう伝えるか、ユーザーが結果を修正しやすくするにはどうするか。こうした課題に答えられるデザイナーは、活躍の場が広がると考えられます。

会社でデザインを担当している人

まず、社内で利用が認められているAIツールと、入力してよい情報の範囲を確認しましょう。そのうえで、普段使っているデザインツールのAI機能や、会議メモの要約、マイクロコピーの案出しなど、機密情報を含まない作業から小さく始めるのがおすすめです。

フリーランスや副業で案件を受けている人

提案前のたたき台づくりにAIを使うと、少ない時間で複数の方向性を示せるようになります。ただし、クライアントの資料をAIに入力する場合は事前に合意を得ること、AIの生成物はそのまま納品せず、自分で検証と修正を行うことが前提です。独立や副業の進め方は、UI/UXデザイナーがフリーランスになる方法やUI/UXデザイナーの副業の始め方で紹介しています。

UI/UXデザインを学んでいる人

学習中は、AIに作らせたデザインを分析する使い方が効果的です。生成された画面を見て、使いやすい点と使いにくい点を自分の言葉で書き出す練習を繰り返すと、デザインの判断力が身につきます。ただし、ポートフォリオに載せる作品は、課題の設定から検証までの考えを自分で示すことが大切です。作品の見せ方はUI/UXデザイナーのポートフォリオの作り方で紹介しています。