Google Labs、UI設計ツール「Stitch」をAIネイティブな無限キャンバスに刷新

「バイブコーディング（vibe coding）」が開発現場を席巻したのに続き、今度はデザインの番です。

Google Labs は 3 月 18 日、AI UI デザインツール「Stitch」の大幅な刷新を発表しました。自然言語から忠実度の高い UI デザインを作成できる「AI ネイティブなソフトウェアデザインキャンバス」へと進化させ、新たに「バイブデザイン（vibe design）」というワークフローを提唱しています。

無限キャンバスと音声対話で進めるデザイン

新しくなった Stitch は、ホワイトボードのような無限キャンバスを採用しました。テキストによる要件だけでなく、参考画像や既存のコードスニペットなどを自由に配置し、そのまま AI へのコンテキストとして読み込ませることができます。

背後にはプロジェクト全体の変遷を理解して推論する新しいデザインエージェントが控えています。新機能のエージェントマネージャー（Agent manager）を使えば、複数のデザインの方向性を並行して走らせながら、作業履歴を整理した状態で比較検討できます。

さらに音声機能も追加されました。ユーザーはキャンバスに向かって声で指示を出し、デザインの壁打ち相手になってもらったり、ヒアリング形式でランディングページを構築したりできます。「メニューのバリエーションを3つ作って」「別のカラーパレットを見せて」と話しかけるだけで、リアルタイムに変更が反映されます。

DESIGN.md と MCP による開発連携

制作スピードを落とさないための工夫も盛り込まれました。静止画のデザイン画面を即座にインタラクティブなプロトタイプに変換可能で、ボタンをクリックした際に遷移する論理的な次の画面を自動生成してユーザージャーニーを組み立ててくれます。

デザインシステム周りでは、任意の URL からデザインルールを抽出できるほか、エージェントが理解しやすい Markdown 形式の新フォーマット「DESIGN.md」に対応しました。プロジェクト間でスタイル定義を簡単に流用できます。

エンジニアへの引き渡しも考慮されており、公開された Stitch MCP（Model Context Protocol）サーバーと SDK（コミュニティスキルは 2400 スターを獲得）を介して、AI Studio や Antigravity などの開発ツールへデザインを直接エクスポートできます。

なぜ重要か

個人開発者やスタートアップの創業チームにとって、アイデアの検証コストを劇的に下げるツールになり得ます。従来であれば Figma で画面を組み、コンポーネントを整え、簡易的なコードを書いて動かすまでに数日かかっていたプロトタイプ作成が、数十分の音声対話でクリック可能な形まで仕上がるため、試作段階で試す価値は十分にあります。

賢いアプローチだと感じるのは、Figma などの既存デザインツールを力技で排除しようとするのではなく、DESIGN.md や MCP を通じてコード環境との橋渡しを重視した点です。デザインルールをテキストベースでポータブルにしたことで、後工程の開発ツールにスムーズに接続できます。

一方で懸念点もあります。「雰囲気」で指示を出すバイブデザインは、初期のアイデア出しや大枠のモック作成には強力ですが、実務で不可欠なアクセシビリティ対応や例外的な画面遷移、ピクセル単位の細かな調整には依然として人間の専門的な手作業が必要です。それでも、既存のデザインツールが同様のエージェント機能を標準搭載せざるを得ない流れを作ったと言えます。