AIコーディングを活用したデザインのプロトタイピング高速化　バイブコーディング時代のユーザー中心設計

本記事では、AIによるコーディング支援を活用したプロトタイピング手法の実践事例を紹介します。

ユーザー中心設計の枠組みにおいて、生成UIツールを取り入れることで、発想段階からユーザーフィードバックの取得までの設計プロセスがどう変わるかが検討されています。従来のツールでは難しかった試作の高速化や対話的な改良が、AIの導入によってどう実現されたのかが具体的に描かれています。

AI時代の設計手法を模索している方にとって、実践的なヒントが得られる内容を目指します。

背景

AIを活用したコーディングが本格化する中で、プロトタイピングの高速化が現場に新たな選択肢をもたらしつつあります。

とくに、「ユーザー中心設計」のプロセスでは、”初期段階での試作品の質とスピード”が設計全体の質に大きく関わってきます。

ユーザー中心設計とは、ユーザーの視点や利用環境を丁寧にとらえ、その理解に基づいてシステムを設計していく手法です。観察やインタビュー、スケッチやモックアップを繰り返しながら、実際の使用状況に即した改善を図る手法です。
設計チームと現場の専門家が連携することで、「どのような場面で使われるか」「どんな目的を持つか」「どのような形が適切か」といった問いに対し、プロトタイプをやりとりしながら理解を深めていきます。

これまでの常識では、初期段階のスケッチやワイヤーフレームでは、操作感や振る舞いを十分に伝えきれず、設計者が手動で動きを再現する必要が出てきます。こうした作業は時間と労力の大きな負担となりがちです。

このような背景から、自然言語による指示だけで試作品の形を整えられる「AIコーディング（Vibe Coding、バイブコーディング）を活用したデザインのプロトタイピング高速化」の仕組みに期待が寄せられています。設計チームとユーザーとの間で、より素早く具体的なアイデアを共有しやすくする方法として、新しいアプローチが模索されています。

以下では、実際の作業の流れはどんなものになるのかケーススタディを中心に取り上げます。