Google Labsが「Stitch」を刷新──自然言語でUIデザインを生成する新時代
2026年3月18日、Google Labsはデザインツール「Stitch」（stitch.withgoogle.com）の大型アップデートを発表した。「Vibe Design」と名付けられたこのアプローチは、UIの雰囲気や要件を自然言語で記述するだけで、高忠実度のデザインを自動生成するというものだ。従来のドラッグ＆ドロップ中心のデザインワークフローを根本から覆す可能性があるとして、業界内で大きな注目を集めている。
Google Labsは今回のリリースについて次のように述べている。
「AI-native, infinite canvas that gives your ideas room to grow（AIネイティブな無限キャンバスが、あなたのアイデアに成長の余地を与える）」
── Google Labs
主要な新機能
Voice Canvas：音声でキャンバスを操作
Voice Canvasは、キャンバスに向かって音声で指示を出すと、AIがリアルタイムでデザインを更新する機能だ。たとえば「ヘッダーの色をもう少し落ち着いたトーンにして」と話しかけるだけで、即座に変更が反映される。マウスやキーボードに頼らず、会話するようにデザインを進められる点が革新的である。
AIネイティブ無限キャンバス
Stitchの核となるのが、AIネイティブな無限キャンバスだ。テキストプロンプトはもちろん、スクリーンショットやコードスニペットもキャンバスに直接投入できる。これらの入力をAIが解釈し、デザインとして構成してくれるため、アイデアの段階からビジュアルに落とし込むまでの距離が劇的に短縮される。
Direct Edits：再プロンプト不要の直接編集
生成されたデザインに対し、再度プロンプトを入力し直すことなく、要素を直接編集できる「Direct Edits」機能も追加された。テキストの変更、レイアウトの微調整、色の変更などを、従来のデザインツールと同様の操作感で行える。AIによる生成と手動による微調整をシームレスに行き来できる点が強みだ。
Design Agent & Agent Manager
プロジェクトの履歴を管理する「Design Agent」と「Agent Manager」も導入された。デザインの変更履歴やプロジェクト全体の進行状況をAIエージェントが追跡し、過去のデザイン判断を参照しながら一貫性のあるプロジェクト管理を支援する。
DESIGN.md抽出
既存のWebサイトからデザインシステムの情報を自動抽出し、DESIGN.mdファイルとして出力する機能も搭載された。これにより、既存プロダクトのデザイン言語をStitch上で再現・発展させることが容易になる。
技術基盤とコード生成
StitchはGoogleの最新AIモデルであるGemini 3、Gemini 2.5 Pro、およびFlashを基盤としている。デザインからHTML/CSSコードを直接生成する機能も備えており、Reactコンポーネントの出力についてもロードマップ上に記載されている。
MCP Serverによるツール連携
開発ツールとの統合も大きな特徴だ。MCP（Model Context Protocol）Serverを通じて、以下のツールとの連携が可能となっている。
- Claude Code ── Anthropic社のAIコーディングツール
- Cursor ── AIネイティブなコードエディタ
- Gemini CLI ── Googleのコマンドラインツール
- Antigravity ── Webアプリケーション構築プラットフォーム
Google Labsが推奨するワークフローは「Stitchで探索し、Figmaで洗練し、Antigravityで構築する」というものだ。デザインの初期段階をAIで高速に回し、既存のプロフェッショナルツールと組み合わせて完成度を高める戦略が示されている。
料金プラン
プラン | 月間生成回数 | 料金 | 備考 |
|---|---|---|---|
Standard | 350回/月 | 無料 | 安定版モデルを使用 |
Experimental | 50回/月 | 無料 | 最新の実験的モデルを使用 |
現時点では両プランとも無料で提供されている。月間350回の生成回数は、個人プロジェクトや小規模チームでの利用には十分な水準と言えるだろう。
Figmaへのエクスポート機能
Stitch上で作成したデザインをFigma形式でエクスポートする機能も実装された。Auto Layout対応のファイルとして出力されるため、Figma上での追加編集やデザインシステムへの統合がスムーズに行える。この機能は、既存のFigmaワークフローを持つチームにとって導入障壁を大きく下げるものだ。
市場への影響──Figma株が急落
Stitchの大型アップデート発表を受け、デザインツール市場のリーダーであるFigmaの株価は2日間で約8〜12%下落した。AIネイティブなデザインツールの台頭が、既存のデザインツール企業にとって本格的な脅威となり得ることを市場が織り込み始めた形だ。
ただし、Stitchの現時点での限界も指摘されている。
現時点での制限事項
- マルチプレイヤー機能なし ── 複数人での同時編集には未対応
- コンポーネントライブラリ非対応 ── 再利用可能なデザインコンポーネントの管理機能がない
- マイクロインタラクション非対応 ── ホバーやアニメーションなどの細かなインタラクション設計には対応していない
これらはプロダクション環境でのデザインツールとしては重要な機能であり、現段階ではFigmaを完全に置き換えるものではない。Googleが推奨する「Stitchで探索、Figmaで洗練」というワークフローは、こうした制限を踏まえた現実的な提案でもある。
まとめ：デザインツールのパラダイムシフトは始まるか
Google Stitchの「Vibe Design」アップデートは、自然言語や音声入力によるUIデザイン生成という新たなパラダイムを提示した。無料で月間350回の生成が可能という点も、開発者やデザイナーにとって試しやすい環境を整えている。MCP Serverを通じた開発ツールとの連携やFigmaエクスポート機能は、既存のワークフローとの共存を意識した設計だ。
マルチプレイヤーやコンポーネントライブラリといった機能が今後追加されるかどうかが、Stitchがプロトタイピングツールに留まるか、本格的なデザインプラットフォームへ進化するかの分岐点となるだろう。