ここ約10年、プロダクトデザイナーのワークフローはお決まりのリズムで進んできた。Figmaで高精細な画面を作り、インタラクティブなプロトタイプを構築し、デザインシステムを文書化し、そしてすべてを開発者に引き継ぎ、開発者がピクセルを動くソフトウェアへと変換する。この引き継ぎ(handoff)は業界の儀式であり、最も悪名高い失敗ポイントだった。

Vibe Codingはその一連の流れを断ち切る。この手法とは、自然言語プロンプト、その場でのコード生成、反復的なフィードバックループを通じて、完全に機能するソフトウェアを開発することを指す。複雑な構文を書く代わりに、構築者はインターフェースの「バイブ(雰囲気)」、振る舞い、ロジックを説明するだけで、AIモデルが残りを担い、コードを生成、実行、反復改善する。

Ayomide Olukoga氏は、デジタルプロダクト戦略、インターフェースアーキテクチャ、人間中心のデザインシステムを専門とするリードプロダクトデザイナーだ。同氏は、Vibe Codingがデザイナーを駆逐すると見ていない。

「誰もが数秒で機能するコードを生成できるとき、コードそのものはコモディティになります」TechNext24のインタビューで同氏は語る。「希少で価値のあるものになるのは、デザインの判断力です」

AIコード生成が標準的な制作ツールになるなか、この違いこそがどのデザイナーが生き残るかを左右するかもしれない。従来のデザインから開発へのパイプラインに長年携わり、現在は異なる方法でソフトウェアを構築しているOlukoga氏は、Vibe Codingはグラフィックデザインツールの発明以来、最も重大な変化だと考えている。

プロトタイプという「行儀の良い幻想」

Figmaのプロトタイプは、Olukoga氏の言う「行儀の良い幻想」だ。デザインツールなら誰でもボタンのホバー状態をアニメーシン化できるが、実際のコードを書かずにライブのデータベースクエリやユーザー検証をシミュレートする方法はない。Vibe Codingはこの距離を完全になくし、デザインプロトタイプと動作するアプリケーションの境界を消し去る。

デザイナーはインタラクションを自然な言葉で記述できる。「不動産検索アプリに動的なフィルターバーを構築して。『ペット可』を選ぶと、さりげないレイアウトシフトが発生し、滑らかなCSSスプリングアニメーションでリストカードをリアルタイムに更新するように」。数秒で、AIは機能するReactまたはHTML/CSSのコードを返す。デザイナーはもはや、ソフトウェアがどう見えるべきかの視覚的なモックアップを提示しているだけではなく、ソフトウェアが実際にどう動くのかの生きたインタラクティブなコードベースを手渡しているのだ。

「Vibe Codingはデザイナーを映画監督に変えます」とOlukoga氏は説明する。「AIはカメラクルーやセット係としてビジョンを実行しますが、最終カットに対する完全なクリエイティブディレクションはデザイナーが握ります。多くの人がClaude Code、Cursor、Anti-gravityといったツールを使って物を作っていますが、それでも人間の判断力が必要です。それは現時点でAIが提供できないものです。AIは人間の心理に基づいた判断ができません」

それに応じてイテレーションのループも短縮される。トランジションの動きがもっさりしていると感じたら、デザイナーは何百行ものアニメーションコードを掘る必要はない。指示は会話調だ。背景のブラーを濃くし、登場時のスプリングアニメーションを200ミリ秒長くする。かつて数日かかっていたプロセスが、今は数秒で済む。

技術的に優れたコードでもユーザーには届かない場合

技術的に正しいコードは、優れたプロダクトと同じではないとOlukoga氏は注意を促す。好例として同氏が挙げるのは、友人と共同で開発したゲームだ。初期プロトタイプの生成にはClaudeを使った。

「Claudeは視覚的にも技術的にも強力なコードを生成しましたが、一般のユーザーにとって良いUXではありませんでした」と同氏。修正には人間の介入が必要だった。ナイジェリアのイラストレーターを起用し、現地市場に響くマスコットアートを作らせたのだ。「Claudeは堅実なコードを生成しましたが、私たちのリサーチと人間のインプットがなければ、文化的なブランディングの面で視覚的に不十分でした」

この監督としての役割が実働する最近の例を尋ねられると、Olukoga氏は中東での実案件を挙げる。同氏は同地域で通信会社のプロダクトデザイナーとして、非常に大規模なアーキテクチャを持つウェブサイトのリデザインを担当している。

「私は現在、中東の通信機関でプロダクトデザイナーとして働いています。非常に大規模なアーキテクチャを持つリデザイン対象ウェブサイトの、理想的な入口(エントリイント)を特定する任務を負いました。Claudeに現行サイトをクロールさせ、サイトアーキテクチャをマッピングさせ、欠陥のある入口フローを特定させました。複数の入口が抽出され、ユーザーインタビューに基づいて、どれが最もコンバージョンにつながるかを推論しました。中東でのユーザーの操作は英国とは異なるため、それを考慮に入れ、Claudeが新しい入口を特定する助けとなり、その後の意思決定を十分な情報に基づいて行えるようになりました」と同氏は回想する。

これは業界全体で繰り返されているパターンだと同氏は見る。AIがマシンスピードで地形をマッピングし、人間がどの方向に歩くかを決める。

プロトタイプが実行可能になるなかで、この境界は重要だ。生成が速くなっても、正しい問題を定義し、フローが想定ユーザーにとって機能するかを評価し、文化的文脈を考慮する必要性は消えない。Olukoga氏の事例では、こうした判断はコード生成だけでなく、ユーザーインタビュー、リサーチ、プロダクトの判断力から導かれている。

置き換えられるのはタスクであって人ではない

デザイン業界では不安が高まっている。AIツールが誰にでもコーディングを可能にするにつれ、専業のプロダクトデザイナーの価値は薄れるという懸念だ。IMFのクリスタリナ・ゲオルギエバ専務理事は最近の声明で、AIが世界の労働力の最大40%を置き換え得ると述べた。

Olukoga氏は、現実は正反対だと主張する。「実際には、まったく逆のことが起きています。誰もが数秒で機能するコードを生成できるとき、コードそのものはコモディティになります。希少で価値のあるものはデザインの判断力です」と同氏は語る。

「AIには感情がありません」と同氏は付け加え、昨年デザイナーたちと交わした議論を回想する。「私が彼らに言うのは、今がAIが最も劣っている瞬間だということです。AIはこれから進化し続けるのですから」

ただし同氏の読みでは、置き換えが及ぶのはタスクであって人ではない。「デザイナーの40%を置き換えるのではなく、AIは定型的で反復的かつ実行負荷の高いタスクの40%を直接排除しています。AIは問題のフレーミングやシステムアーキテクチャを置き換えられません。AIが重いタスクを引き受けて数分で結果を出し、デザイナーはより高いセンスを使って反復改善と意思決定を行うだけです」

AIはチェックアウト画面のバリエーションを10パターン即座に生成できるが人間の心理、空間の調和、アクセシビリティ、ブランドのニュアンスを直感的に理解することはできない。「AIはワークフローで使うことを拒む人々を置き換えるでしょう」と同氏は主張する。「AIは、なぜ顧客がカートのステップ3で離脱するのかを知りません。AIをキュレーションし、批評し、シームレスなユーザー体験へと導くには、熟練したプロダクトデザイナーが必要です」

Figmaはどうなるのか

AIがプロンプトから本番レベルのインターフェースを生成できるなら、プロダクトチームの標準ツールであるFigmaはどうなるのか。

「Vibe CodingがFigmaを完全に置き換えるとは思いませんが、Figmaの使い方を根本的に変えます」とOlukoga氏。同氏の見解では、自然言語によるVibe Codingは、高精細な画面制作、静的プロトタイピング、開発者への引き継ぎという大きな作業部分を排除する。機械的な制作実行の用途ではFigmaを置き換えるが、戦略的な整合やシステム的なデザインの用途では置き換えない。かつてデザイナーは時間の70%を静的な画面の作画とスペックの書き出しに費やしていた。Vibe Codingがその機械的な制作を吸収することで、UIフレームの生成はAIに任せ、デザイナーは意思決定に集中しやすくなる。

アーリーステージのチームに新たな経済性をもたらす

エンジニアリング人材が高価な新興市場のアーリーステージスタートアップにとって、Vibe Codingはチームビルディングの経済性を変える。Olukoga氏が説明する構造変化は、専任フロントエンドエンジニアの採用の先送りだ。従来、モバイルコンポーネントを作るだけでも、スタートアップにはバックエンドアーキテクトとフロントエンドエンジニアの両方が必要だった。自然言語生成がボイラープレートコードを容易にしたことで、今ではフルスタックの創業者が一人で完全なユーザーインターフェースを構築・デプロイできる。創業者は素早くMVPを出荷し、スケーリングの必要が生じた時点で初めて技術スタッフを採用できる。

「Vibe Codingはデザインとエンジニアリングの間の歴史的な断絶を埋めています」と同氏は指摘する。「デザイナーは、構文エラーやボイラープレートコード、翻訳ロスのある引き継ぎに悩まされることなく、アイデアから動くソフトウェアへ直接進めるようになります」

両方のツールを学び、判断力を保て

今この分野に参入するデザイナーへのOlukoga氏の助言は、旧来のツールと新しいツールのどちらかを選ぶことではない。「両方学ぶべきです」と同氏。「AIが膨大なコードとデザインを生成するからこそ、唯一無二の結果を導くには人間の判断力が必要です」。複雑なFigmaコンポーネントの習得はデザインの基礎を鍛え、AIツールへのプロンプトは実行を加速する。ただし、判断力だけは不可欠だ。

デザイン職の重心は、静的なピクセルから、監督(ディレクション)に近いものへと移りつつある。ソフトウェア開発はもはや、インターフェースがどう見えるべきかを描くことではなく、人間の判断力を通じてバイブ(雰囲気)を導くことだ、とOloga氏は結論づける。生き残るデザイナーは、ユーザーへの深い共感と、リアルタイムで生きたコードにプロンプトを出し、導き、形づくる能力を兼ね備えた者だと同氏は主張する。