Google AI Studio、UIを直接編集できる「Design Mode」を準備中

v0、Bolt、Lovableといったノーコード・ローコードツールが台頭する中、GoogleはAI Studioに「Vibe Coding」と「Annotation Mode」を投入し、プロンプトからアプリを生成する市場に参入した。そしてその次なる一手が見えてきた。UI要素を直接クリックして編集する「Design Mode」——プロンプトの曖昧さを排除し、「意図と結果のギャップ」という生成AIの根本課題に切り込む。

事実何が起きたか

Google AI Studioに、カーソルでUI要素を直接選択・編集できる「Design Mode」機能が追加される見込み

読み解きなぜ重要か

生成AIによるUI開発の次のフェーズは「言葉で伝える」から「指差して直す」への移行

影響何が変わるか

プロンプトによる指示の曖昧さが解消され、非エンジニアでも意図通りのUIカスタマイズが可能に

Overview

プロンプトバーに新設されるボタンからDesign Modeを起動、カーソルツールで画面上の任意のコンポーネントを選択できる
選択したコンポーネントに対し、色・フォント・ボーダーなどを調整できる編集ツールボックスが表示される
テキストによる変更指示も可能で、Geminiのignitionシステムを通じてリアルタイムでアプリに反映される
オンボーディングポップアップが確認されており、正式リリースが近いと見られる

生成AIによるUI開発の最大の問題は「言語の限界」だった。「もう少し右に」「もっと目立つ感じで」——こうした曖昧な指示は、何度もプロンプトを書き直す羽目になる。デザインモードは、その迂回路を断ち切る。クリックして、変える。これはAI開発ツールが「言語インターフェース」から「直接操作インターフェース」へ進化する転換点だ。皮肉なことに、AIとの対話を減らすことで、AIツールはより使いやすくなる。