Google Stitch「Vibe Design」完全ガイド【2026年最新】Figma株8%急落の衝撃・AIデザインツールの全貌と使い方

最終更新: 2026年3月19日

2026年3月18日、Googleが静かに放った一手がデザイン業界を震撼させました。

AI設計ツールGoogle Stitchの大型アップデート——「Vibe Design」「Voice Canvas」「DESIGN.md」「無限キャンバス」を引っ提げた刷新発表の翌日、Figma株（NYSE: FIG）は約8%急落。IPO時に85ドルまで高騰した株価は25ドル台にまで沈み、時価総額はピーク時の6分の1以下に。

なぜ「無料のAIデザインツール」がここまでの衝撃を与えたのか。本記事では、Stitchの新機能の全容、Figmaとの徹底比較、Claude CodeやGemini CLIとの連携、そしてデザインツール市場の未来を、筆者の独自分析を交えて解説します。

Google Stitch「Vibe Design」とは — 何が起きたのか

Google Stitchは、2025年5月のGoogle I/Oで発表されたGoogle Labs発のAIネイティブUIデザインツールです。当初はテキストや画像からUIを生成するシンプルなツールでしたが、2026年3月18日のアップデートで本格的なデザインプラットフォームへと進化しました。

「Vibe Design」とは何か

バイブコーディング——AI研究者Andrej Karpathy氏が2025年初頭に提唱した「コードの存在を忘れ、バイブ（雰囲気）に身を任せるプログラミング」。Google Stitchはこの概念をデザイン領域に拡張しました。

従来のデザインプロセスでは、ワイヤーフレーム → モックアップ → プロトタイプと段階を踏む必要がありました。Vibe Designでは、代わりに以下を伝えるだけです。

• ビジネス目標 — 何を達成したいか
• ユーザーに感じてほしいこと — どんな体験を作りたいか
• インスピレーション — 参考にしたいデザインの方向性

Stitchがこれらの入力から複数の高品質なデザイン案を即座に生成し、ユーザーは「方向性を選ぶ」ことからデザインプロセスを始められます。Googleの公式ブログでRustin Banks氏が詳細を発表しています。

Figma株急落 — 数字で見るインパクト

Googleの発表翌日の2026年3月19日（水）、Figma株は市場を揺るがす下落を記録しました。

Figmaの業績自体は好調です。Q4売上は3億378万ドル（前年比+40%）、通期売上は10億5,600万ドル（+41%）。ネットドルリテンション率136%は過去10四半期で最高。しかし市場は「無料でGoogleが同じことをやり始めた」という事実に恐怖しました。

Benzinga、Investing.com、TipRanksがいずれもStitch発表との因果関係を報じています。

大型アップデートの全容 — 7つの新機能

2026年3月18日のアップデートで追加された機能は7つ。Googleのデザインツールに対する本気度が伝わるラインナップです。

DESIGN.md — デザインシステムのポータビリティ革命

今回のアップデートで最も技術者の注目を集めたのがDESIGN.mdです。これはデザインルール（カラー、タイポグラフィ、スペーシング、コンポーネントパターン）をMarkdown形式で記述する、エージェントフレンドリーなファイルフォーマットです。

DESIGN.mdの仕組み

• URLからの自動抽出 — 任意のWebサイトのURLを入力すると、そのサイトのデザインシステムを解析してDESIGN.mdに変換
• プロジェクト間で再利用 — 一度作成したDESIGN.mdを別のStitchプロジェクトにインポートして、デザインの一貫性を維持
• 外部ツールへの移管 — DESIGN.mdは単なるMarkdownファイルなので、コーディングツールやCIパイプラインにそのまま組み込める

Voice Canvas — 声でデザインする時代

Voice Canvasは、音声でAIと対話しながらデザインを進める機能です。「3パターンのメニューデザインを見せて」「もう少し余白を広げて」「カラーパレットを3種類出して」と話しかけるだけで、AIがリアルタイムにデザインを更新します。

Voice Canvasでできること

• 音声でデザイン指示 — テキスト入力不要。手が塞がっていてもデザインを進められる
• AIからの質問返し — 曖昧な指示に対してAIが明確化の質問をしてくる（「ターゲットユーザーは誰ですか?」等）
• リアルタイムクリティーク — AIがデザインの問題点を指摘し、改善案を提示
• ランディングページの自動設計 — 音声インタビュー形式で要件をヒアリングし、ページを生成

Claude Code・Cursor・Gemini CLIとの連携

Stitchの真の破壊力は、デザインツール単体の機能ではなく開発ツールとのシームレスな接続にあります。GoogleはStitch用のSDKとMCP（Model Context Protocol）サーバーを公開し、主要なAIコーディングツールとの連携を可能にしました。

対応ツール

• Claude Code — MCPサーバー経由で連携。Stitchで生成したデザインをClaude Codeが読み取り、実装コードを生成
• Cursor — MCPサーバー経由で同様に連携
• Gemini CLI — MCPサーバー経由。Google純正ツール同士の連携
• Antigravity — Google製AIコードエディタ。Stitchとの最も深い統合
• Codex、OpenCode — MCP互換で接続可能

コミュニティ製のstitch-mcp CLI（GitHub: davideast/stitch-mcp）や、Stitch Skillsライブラリ（GitHub: google-labs-code/stitch-skills）も公開されており、主要なコーディングエージェントと互換性があります。

Google Stitch vs Figma 徹底比較

ここまでの情報を踏まえ、StitchとFigmaを体系的に比較します。NxCodeやThe Registerの分析も参考にしています。

Stitchの実際の使用感 — レビュアーの評価

Stitchはデモではなくすでに一般公開されており、複数のレビュアーが実際にテストしています。その評価は「可能性は巨大だが、まだ荒削り」で一致しています。

• デザイン品質 — 「良い」が「洗練されている」とは言い難い。LogRocketは「感情的な共鳴や戦略的な洗練に欠ける」と評価
• レイアウトの反復性 — 限られたレイアウトパターンに偏りがちで、バリエーションが小さいという報告が複数あり
• アクセシビリティ — カラーコントラストやタッチターゲットサイズなど、基本的なアクセシビリティ要件を満たさないケースがある
• レスポンシブ非対応 — 真のレスポンシブレイアウト生成はできず、手動でのデバイス別調整が必要
• マルチスクリーン生成は強い — Zennでの日本語比較レビューでは、v0と比較してStitchは「サービスレベルのマルチスクリーン設計（最大6画面同時生成）」で優位と評価。ただしコード品質と単一ページのデザイン精度ではv0に劣る

参考: 20人チームがFigma Organizationを契約すると年間約198万円（約13,200ドル）。Stitchは0円です。

Figmaの反撃 — AI戦略の全容

Stitchの脅威に対し、Figmaは手をこまねいているわけではありません。むしろ2025年のConfig以降、デザインツールからプロダクト開発プラットフォームへの大転換を加速させています。

Config 2025で発表された4つの新プロダクト

• Figma Make — 自然言語からReact/Tailwindのプロトタイプを生成。Supabaseとのバックエンド接続にも対応。Stitchの直接的な競合
• Figma Sites — FigmaのデザインをそのままレスポンシブWebサイトとして公開。WordPress/Webflowの領域に参入
• Figma Buzz — マーケティング資産の一括生成ツール。AIによる画像生成やテンプレート×スプレッドシートの差し込み機能。Canvaの領域
• Figma Draw — イラストレーション機能。ラジアルリピート、パス上テキスト、手描き風ブラシ

AI機能の進化

• AI画像編集（2025年12月） — オブジェクト削除・分離、画像拡張。TechCrunchが報道
• Figma MCPサーバー — FigmaもまたMCPサーバーを公開しており、Claude Code、Cursor、Windsurfと連携可能。デザインファイルのコンポーネント情報・トークン・バリアントをAIコーディングツールに直接渡せる
• ChatGPT連携（2025年10月） — ChatGPT内から直接Figmaファイルを作成。OpenAI Codexとの提携でデザイン⇔コード双方向変換
• AIクレジット制（2026年3月18日〜） — AI機能にクレジット制を導入。Professionalで月3,000クレジット、Enterpriseで4,250クレジット

Dylan Field CEO の戦略ビジョン

Figma CEO Dylan Field氏はLenny’s Newsletterのインタビューで「AIによってソフトウェアの作成が容易になるほど、デザインとクラフト（職人技）が差別化要因になる」と語っています。またCNBCの2026年2月出演では「ソフトウェアのレコニング（清算）」というテーマで、AIがソフトウェア開発の根本を変えるという認識を示しました。

Field氏の核心的な主張は「Team + AI」テーゼです。AIがチーム規模を劇的に縮小させる世界では、残された人間とAIエージェント間のコラボレーション層こそが最も価値を持つ。Figmaはそのコラボレーション層のプラットフォームであり続ける——これがFigmaの生存戦略です。

日本市場への影響

Google Stitchの衝撃は、日本のデザイン業界にとっても他人事ではありません。

Figmaの日本での存在感

Figmaは2022年3月にアジア初の拠点としてFigma Japanを設立。同社は日本を「世界で最も成長が速い市場」と公言しています。楽天、Yahoo! JAPAN、リクルートなど大手企業が導入済みで、2022年7月には日本語版もリリースされました。

日本市場では以前Adobe XDのシェアが比較的高かったものの、Adobe XD単体販売の終了やリモートワークの普及によりFigmaへの移行が加速しています。つまり、日本はまさにFigmaが市場を固めつつある最中であり、ここにStitchが無料で参入することのインパクトは大きい。

日本のデザイナーコミュニティの反応

• DevelopersIO（クラスメソッド） — 「モック作成に非常に有用」と評価。ダークテーマUIの生成結果を「カッコよくて満足」とレビュー
• Zenn比較レビュー — v0との詳細比較で、Stitchは「サービスレベルの設計」で優位（最大6画面同時生成）、一方「コード品質と単一ページの精度ではv0に劣る」と結論
• note.comのデザイナー記事 — 「Googleがデザインツールの常識を壊しに来た」と分析し、「エージェンティックなデザインツール」と位置づけ
• 日本での共通認識 — プロトタイピングツールとしては優秀だが、ブランドアイデンティティが重要な案件やピクセルパーフェクトが求められるコーポレートサイトには不向き。10画面以上のプロジェクトでは管理が困難

日本語対応状況

Stitchは日本語でのプロンプト入力に対応しており、UIも基本的に日本語で利用可能です（インターフェース自体は英語ベース）。Voice Canvasの日本語対応については公式リストが未公開ですが、Geminiの多言語対応を考慮すると利用できる可能性が高いです。

デザインツール市場の勢力図と未来予測

Business Research Insightsによると、UIデザインツール市場は2026年に約31.9億ドル（約4,780億円）、2035年までに110.6億ドル（年率14.8%成長）に達すると予測されています。この成長市場で、各プレイヤーの戦略は大きく分かれています。

注目すべき統計データ

• State of AI in Design Report 2025によると、89%のデザイナーがAIによりワークフローが改善されたと回答
• 中〜大企業のデザインチームの67%がAI生成ツールをワークフローに統合済み（2026年初頭時点）
• Adobe Figma買収（200億ドル提示）は2023年12月に規制当局の反対で撤回。Adobeは10億ドル（約1,500億円）の解約金を支払い

よくある質問（FAQ）

Q1. Google Stitchは本当に完全無料ですか?

はい、完全無料です。クレジットカード登録もサブスクリプションも不要で、Googleアカウントのみで利用できます。Standard Mode（Gemini 2.5 Flash）で月350回、Experimental Mode（Gemini 2.5 Pro）で月50回のUI生成が可能です。プロジェクト数は無制限です。

Q2. StitchでFigmaの代わりになりますか?

用途によります。アイデア出しやラピッドプロトタイプには十分ですが、チームでの共同編集、2,000以上のプラグイン、エンタープライズ機能（SSO、SCIM等）はFigmaにしかありません。現時点では「Stitchで探索 → Figmaで洗練」が推奨ワークフローです。

Q3. DESIGN.mdとは何ですか?

デザインルール（カラー、タイポグラフィ、スペーシング等）をMarkdown形式で記述するファイルフォーマットです。URLからデザインシステムを自動抽出でき、Claude CodeやCursorなどの開発ツールにそのまま渡せます。

Q4. Voice Canvas（音声操作）は日本語に対応していますか?

2026年3月時点ではGoogle公式の言語対応リストは公開されていません。Geminiの多言語対応を考えると日本語サポートの可能性は高いですが、正式な確認を待つ必要があります。

Q5. Figma株は買い時ですか?

12名のアナリストの平均目標株価は40.25ドル（現在値から約60%上昇余地）で、平均レーティングは「Buy」です。ただし、Goldman Sachsは35ドル、Stielは30ドルへの目標引き下げも行われています。本記事は投資助言ではありませんので、投資判断はご自身の責任で行ってください。

Q6. Stitchの出力コードの品質は?

HTML + Tailwind CSSで出力されます。シンプルなレイアウトでは高品質ですが、複雑なレイアウトでは生成品質にばらつきがあります。React/Vue/SwiftUIなどのフレームワーク出力には2026年3月時点で未対応です。

まとめ — 筆者の総合評価

Google Stitchの「Vibe Design」アップデートは、デザインツール市場における構造的な転換点です。

5つのポイント

1. Stitchは「無料のFigma代替」ではなく「デザインプロセスの再定義」 — ワイヤーフレーム→モックアップの工程を、AIによるVibe Designで置き換える
2. DESIGN.mdがデザインと開発の壁を壊す — デザインルールがエージェント間で自動伝達される時代の幕開け
3. MCP連携がStitchの真の破壊力 — Claude Code/Cursor/Gemini CLIとの接続で、デザイン→実装の全自動パイプラインが現実に
4. Figmaの堀は「コラボレーション」 — Stitchがマルチプレイヤー非対応である限り、エンタープライズ市場はFigmaが握る
5. Figma株の下落は短期的には過剰反応、長期的には正当な懸念 — 新規顧客パイプラインへの脅威は無視できない

関連記事

• バイブコーディング完全ガイド
• Claude Codeの使い方 超入門
• Gemini CLI 完全ガイド
• Google AI Studio完全ガイド【初級編】
• エージェンティックエンジニアリング完全ガイド
• ChatGPT vs Claude vs Gemini 徹底比較

参考文献・データソース

• Google公式ブログ — Design UI using AI with Stitch from Google Labs
• The Register — Google offers voice-driven ‘vibe design’ tool to build UIs
• NxCode — Google Stitch Complete Guide: Vibe Design, Voice Canvas (2026)
• NxCode — Google Stitch vs Figma 2026: Will AI Design Replace Figma?
• Benzinga — Figma (FIG) Stock Is Trending After Google’s AI ‘Vibe Design’ Tool Unveiled
• Investing.com — Figma stock falls after Google Labs updates Stitch design tool
• TipRanks — Here’s Why Figma Stock (FIG) Declined on Wednesday
• Business Research Insights — UI Design Tools Market（市場規模データ）
• Sleek — Vibe Design AI Revolution（デザイナーAI活用統計）
• The Decoder — Google Labs turns Stitch into a full AI design platform
• GitHub — davideast/stitch-mcp（コミュニティ製MCP連携CLI）
• GitHub — google-labs-code/stitch-skills（Agent Skillsライブラリ）
• Figma公式 — Config 2025プレスリリース（Make/Sites/Buzz/Draw発表）
• Figma公式 — Figma MCPサーバー（Claude Code/Cursor連携）
• Lenny’s Newsletter — Dylan Field: Why AI makes design the new moat
• TechCrunch — Figma AI画像編集機能（2025年12月）
• OpenAI — Figma × Codexパートナーシップ
• LogRocket — Google Stitch実機レビュー
• DevelopersIO — Google Stitch日本語レビュー
• Zenn — Google Stitch vs v0 比較（日本語）

※本記事の株価情報は2026年3月19日時点のものです。投資判断はご自身の責任で行ってください。

最終更新: 2026年3月19日