【UXからAXへ】AIエージェント時代に、UI/UXデザイナーの役割はどう進化するのか？

パラダイムシフト：UX（画面操作）から、AX（自律実行）の時代へ
- 「使いやすさ」から「信頼のグラデーション」の設計へ
- 「画面の制作」から「機械可読（Machine-readable）なルールの定義」へ
現場レベルで激変する「これからのデザインワークフロー」
今、デザイナーとして踏み出すべき「最初の一歩」
- 1. 生成AIをワークフローに組み込み、「静的なカンプ」を超えた動的プロトタイプを構築する
- 2. 担当プロダクト内の「体験の断絶」を視覚化し、不確実性を評価する
変革を楽しみ、「最高の体験」を追求し続ける

こんにちは！クライアントプロダクトデザイン部のデザイナー林りえです。

今回は「AI時代のデザインと、デザイナーのこれからの役割」という、今まさに私が向き合っているリアルな挑戦についてお話しさせてください。

最近、デザイン業界だけでなくビジネス全体で「AI」の文字を見ない日はありませんよね。「AIがワイヤーフレームや綺麗なUIを、従来よりも大幅に短時間で試作してくれる時代に、私たちデザイナーの価値ってどこにあるんだろう？」そんなモヤモヤを抱えている方も少なくないのではないでしょうか。

これまでのデザイナーの主戦場は、「人間が操作する画面（UI）を、いかに使いやすくするか」でした。しかし、テクノロジーの進化によって、その役割は根本から進化しようとしています。

それは、「人間が操作する体験（UX）」から、「AIが自律的に実行・補助する体験（AX：Agentic Experience）」への拡張です。

画面の先にあるAI時代のデザインとは何なのか。いちデザイナーの視点から、掴もうとしている未来の設計について紐解いていきます。

パラダイムシフト：UX（画面操作）から、AX（自律実行）の時代へ

「AIエージェントが自律的に動く世界のデザイン」と言っても、少しイメージが湧きにくいかもしれません。これまでは、ユーザーがシステムをカチカチと操作してタスクを完了させていました。しかしこれからは、一部の領域では「AIがユーザーの意図を汲み取り、代わりに考えて実行してくれる体験」が主流となりつつあり、今後さらに拡大していく可能性があります。このパラダイムシフトによって、デザイナーの目的や成果物は以下のように変化していくと考えています。

「使いやすさ」から「信頼のグラデーション」の設計へ

これまでは操作スピードや迷わない導線（ユーザビリティ）の向上が正義でした。しかし、ユーザーが画面を操作すること自体が減る世界では、「AIの判断結果に対して誤りが生じないか」という不安を解消する「信頼感」や「納得感」の設計が最も重要になります。

ここで求められるのが、「自動化（AI）と手動（人間）の最適な境界線」を引く『Intent Architecture（意図の設計）』です。初めて使う機能や失敗のリスクが大きい重要な判断では、あえてAIの思考プロセスを開示して「人間の確認や承認（Human-in-the-loop）」を挟む。逆に、繰り返しの安全な業務であればUIを空気のように透明にして自律実行させる。この「いつ、どのレベルでAIの存在を感じさせるか」という信頼のグラデーションのコントロールと、万が一エラーが起きたときの「リカバリー体験」の設計こそが、これからのデザイナーの腕の見せ所になります。

※なお、AIの活用にあたっては、誤生成やバイアス、責任範囲の設計などの観点も重要であり、業務適用にあたっては慎重な検討が求められます。

「画面の制作」から「機械可読（Machine-readable）なルールの定義」へ

これからは、AIがプロダクトの仕様やブランドのトーン＆マナーを一貫して理解し、ユーザーの文脈に合わせてリアルタイムに画面を動的生成（ジェネレーティブUI）できる世界が求められます。そのためには、デザインシステムを「AIが読める資産（Machine-readable）」へと構造化・昇華させる『Context Systems Design（文脈の設計）』が必要です。

デザイナーの仕事は「Figma上の綺麗なピクセルデータ作り」から、「このコンポーネントは、どんな文脈（Context）のときに表示すべきか」という共通ルールや設計指針（仕様・ルール）をシステムに明文化していくことへとシフトするのです。そう、これからのデザイナーは「画面のパーツを作る人」ではなく、「AIに対する高度な判断と、ルールそのものを設計する人」へと進化していくと私は考えています。

現場レベルで激変する「これからのデザインワークフロー」

抽象的な概念論だけだとイメージが湧きにくいと思うので、デザイナーの日常業務（ワークフロー）がどう変わるのか、具体的なツールの使い方に落とし込んで比較してみます。

これまでは「Figmaのオートレイアウトを綺麗に組む作業」や「コンポーネントのバリアントを増やす作業」に多くの時間を費やしていましたが、これからは「AIにどう動いてほしいかのルール（制約プロンプトやプロトタイプ）を言葉と構造で定義する時間」へとシフトしていくと感じています。

手当たり次第にプロンプトを投げてAIカンプのガチャを回すのではなく、『デザインの意図（Intent）』を的確にプロダクトに反映させるための思考力こそが、Figmaで培ったスキルに加えて、新たな武器になっていくと感じています。

今、デザイナーとして踏み出すべき「最初の一歩」

この大きな変化を前に、「じゃあ、明日から何をする？」を個人レベルに落とし込んだとき、今私自身が徹底的に向き合うべきアクションが見えてきました。

1. 生成AIをワークフローに組み込み、「静的なカンプ」を超えた動的プロトタイプを構築する

これからは画面制作の工数を最大限に圧縮し、創出したリソースを「本質的な課題解決のための探索的検証（ディスカバリー）」へ投資していく必要があります。その第一歩として、まずは自分自身のワークフローに生成AIを組み込み、リサーチのたたき台やプロトタイプをスピード感を持って出力する体験を日常化させていきます。

具体的には、AIコードエディタ（例：CursorやClaude等）を活用し、DESIGN.md（プロジェクトの設計方針やUI仕様をまとめたマークダウンファイル）などの仕様ファイルに「UIのレイアウト構造や満たすべき要件」をテキストで記述してAIに読み込ませるといったアクションが挙げられます。こうした「AIへの指示能力（プロンプトスキル）」を磨くことは、そのまま未来のデザインスキルへと直結すると私は感じています。

これまでは、Figmaのコンポーネントを組み合わせて「画面の見た目（静的なカンプ）」を作り込むことがデザイナーの主業務でした。しかしこれからは、AIエディタを活用し、自ら動くプロトタイプ（コード）を生成する領域に踏み出していきたいと考えています。

「コードスキルがない」と身構える必要はないと私は考えています。デザイナーには、Figmaで培った「情報設計のコンポーネント思考（バリアントやオートレイアウトの概念）」という強力な武器があるからです。この構造化の知識さえあれば、AIエディタに対して「どのようなUI構造で、どう動くべきか」を的確に指示（プロンプト）することが可能だと感じています。

Figma上で何十枚もの静的なカンプを量産する時間を削り、まずは1画面だけでも、CursorやClaudeを使ってAIと共に実際の動く画面をビルドしてみる。この「デザインから実装（動的生成）へのシームレスな接続」を体感することこそが、AX時代を生き抜くデザイナーへの最短ルートになると私は考えています。

2. 担当プロダクト内の「体験の断絶」を視覚化し、不確実性を評価する

AIにタスクを任せるようになると、ユーザーがプロダクトに触れるタイミングや文脈は、特定の「設定画面」や「入力フォーム」の中だけにとどまらなくなります。ユーザーがアプリを開く前の状態から、AIが裏側で処理を終えた後の通知に至るまで、体験の流れが一本の線として有機的につながっていくからです。

だからこそ、「画面ごとの部分最適な使いやすさ」に終始するのは危険だと私は感じています。自分が担当するプロダクトにおいて、「ユーザーの目的が達成されるまでのプロセス全体で、体験の断絶が起きていないか」を俯瞰して捉える視点が不可欠だと考えています。

同時に、従来の「ボタンが押しやすかったか」という評価を超えて、「AIが出した答えに対して、ユーザーがどれだけ納得できているか」という人間の主観や心理的安全性を定量・定性的に計測する『Evaluation Design（評価の設計）』を日々のリサーチに取り入れ、担当プロダクトを継続的に磨き上げていく姿勢が大切になります。