Google Labsは2026年3月19日、UIデザインツール「Stitch」をAI完全統合型のソフトウェアデザインプラットフォームへと全面刷新した。今回のアップデートの核心は「バイブデザイン（vibe design）」という新概念で、ユーザーはワイヤーフレームを描く代わりに、達成したいビジネス目標やユーザーに感じさせたい感情を自然言語で伝えるだけで高精度なUIデザインを生成できる。あわせて無限キャンバスの刷新、DESIGN.mdによるデザインシステムの持ち運び、MCPサーバーを通じた外部ツール連携も追加された。発表直後には競合のデザインツール最大手Figmaの株価が8%下落し、AI時代のデザインツール市場の再編が本格化したことを印象づけた。StitchはGeminiが利用可能な全地域の18歳以上のユーザーに、stitch.withgoogle.comで公開されている。
「バイブコーディング」の設計版：自然言語がワイヤーフレームを置き換える
「バイブデザイン」という言葉は、2025年に広まった「バイブコーディング（vibe coding）」の設計領域版として位置づけられる。バイブコーディングとは、コードを手書きせずAIへの自然言語指示でソフトウェアを生成するアプローチだ。Stitchはこの発想をUI設計工程に持ち込んだ。
従来のUI設計では、Figmaのようなツールでコンポーネントを配置・整列させるワイヤーフレーム作業がスタート地点だった。ピクセル単位の調整、コンポーネントライブラリの管理、スタイルガイドの維持といった作業は、専門的なデザインスキルを前提としている。Stitchの新アプローチでは、「Eコマースの商品詳細ページを作りたい」「ミニマルで信頼感のある医療アプリ向けのデザイン」「ユーザーが安心を感じるオンボーディング画面」といった抽象的な記述から制作プロセスが始まる。ビジネス目標・感情的な目標・インスピレーションの画像やテキストを出発点にできる点が従来の生成ツールとの大きな違いだ。
音声入力でのインタラクションも新たに加わった。Gemini Liveと統合されたキャンバスに向かって「3種類のメニューデザインを見せて」「このスクリーンを別のカラーパレットで表示して」と話しかけると、AIがリアルタイムで変更を加える。特定ページのデザインを生成する際には、AIがユーザーにインタビュー形式で質問し、回答を基にデザインを構築していく機能も備わった。リアルタイムの対話を通じてデザインを磨いていくプロセスは、完成形への命令を一度だけ入力する従来のAI生成ツールと質的に異なる。
プロトタイプ生成の仕組みも根本から変わった。静的デザインから「Play」ボタンひとつでクリッカブルなプロトタイプが生成され、クリック操作に基づいて次の論理的な画面をAIが自動生成する。ユーザーフローの全体をデザイナー単独で検証できるようになり、プロトタイプ確認のたびに開発者に依頼していた従来のワークフローを省略できる。
無限キャンバス・設計エージェント・DESIGN.mdが変えるデザインワークフロー
今回のアップデートで最も大きな変化は、UIの全面刷新と「AI-Native無限キャンバス」の導入だ。これまでの固定サイズのデザインボードとは異なり、初期スケッチから完成プロトタイプまでの全工程を1つのキャンバス上で展開できる。画像、テキスト、コードを直接キャンバスにドロップしてコンテキストとして活用できる設計で、「アイデアを広げてから絞り込む」というデザインプロセスの性質に合わせたUIになっている。
プロジェクト管理の仕組みも2層構造で整理された。プロジェクト全体のライフサイクルを横断して推論・分析する「デザインエージェント」が、複数のデザイン方向を並行して探索する。その上位に位置する「エージェントマネージャー」が進捗を追跡し、並行作業中の整理を担う。A案・B案・C案を同時進行させながら整理するといった大規模なデザイン探索が、単一の作業環境の中で管理できるようになる。
「DESIGN.md」の導入もこのリリースの重要な要素だ。デザインシステムのルールをエクスポート・インポートするためのエージェント対応Markdownファイルで、任意のURLからデザインシステムを自動抽出する機能と組み合わせると、既存サービスのデザイン言語を丸ごとStitchプロジェクトに取り込める。逆にStitchで定義したデザインシステムを他のツールやプロジェクトへ移植することも可能だ。コードベースにおける設定ファイルの発想をデザイン領域に持ち込んだ構造で、プロジェクトをまたいだデザインルールの一貫性を保つ手間を大幅に削減する。
Figmaの株価が8%急落した背景
発表を受けてFigmaの株価が8%急落した。投資家が問題視したのは技術的な新機能ではなく、Googleがデザインスキルのない非デザイナー層——Figmaが未開拓のままにしていた市場——を正面から狙ってきた点だ。Figmaはデザインツール市場のデファクトスタンダードとして長く君臨しており、2022年のAdobeによる買収提案が規制当局の審査で白紙に戻って以降も、実質的な競合が存在しない状況が続いていた。
Googleは発表の中でStitchの対象ユーザーとして「プロフェッショナルデザイナー」と「デザインのバックグラウンドがないファウンダー」の両方を明示した。Figmaの参入障壁はデザインスキルそのものだったが、自然言語でUIが作れるなら、その障壁が消える。Figmaが「非デザイナー層」という未開拓市場を獲得する前にGoogleが先手を打った構図が、株価下落の背景にある。
Stitchが2025年5月のGoogle I/Oで最初に公開されてから約10ヶ月で、実験的なUIプロトタイプツールから市場投入可能なデザインプラットフォームへ変貌した開発速度も、Figmaにとっての圧力として働く。stitch-skillsのGitHubリポジトリが2,400スターを集め、開発者コミュニティがすでにStitchを中心としたツールチェーンを構築し始めていることも、単なる実験ツールとは異なる実用的な普及の速度を示している。
デザインとコードの境界を溶かすMCP統合が指し示す方向
Stitch単体の機能拡充と同等に注目すべきは、MCP（Model Context Protocol）サーバーとSDKを通じたエコシステムへの接続だ。MCPはAIツール間でコンテキストを共有するための標準化されたプロトコルで、StitchはこれによってCursor、Antigravity、Gemini CLIといったコーディングツールと直接接続できる。
デザイナーがStitchで作成したUIとDESIGN.mdのデザインシステムを、MCPサーバー経由でCursorのAIコーディングエージェントが直接参照しながらコードを生成するというパイプラインが技術的に完結する。デザインの意図をエンジニアに口頭で説明するフェーズや、実装がデザイン仕様に忠実かを確認するレビューフェーズが、自動化の対象になりうる。
これはGoogleが単独で仕掛けているのではなく、MCPというオープン標準を基盤とした業界横断の動きとも連動している。AI Studioへのエクスポートに加えてAntigravityとの接続をサポートすることで、Google製ツールとそれ以外のツールの双方との互換性を確保した。デザインシステムとコードベースの一貫性を保つことの難しさは開発チームが長年抱える課題だったが、DESIGN.md＋MCPの組み合わせは、その問題への実用的な解答になりうる初めての仕組みだ。
Figmaの株価下落は市場の瞬間的な反応に過ぎないが、Stitchが示す方向性はより長期的な問いを突きつけている。デザインスキルを持たない人間が高品質なUIを自力で作れる時代において、デザイン工程の専門家の役割はどう再定義されるか。ワイヤーフレームを描く技術から、AIに正確な意図を伝えるプロンプト設計と品質評価の能力へ。Stitch的なツールが普及した先の「デザイナー」という職能の姿は、今まさに問われ始めている。
Sources
