2026年3月、Figmaの株価が1日で8.8%下落しました。
決算ミスでも、訴訟でもありません。Googleがアップデートを1つリリースしただけ — しかも完全無料のツールで。
名前はGoogle Stitch。「落ち着いたミニマルなフィンテックアプリ」と一文入力するだけで、20分以内に完成したUIが出てきます。コードも一緒に。
1日で8.8%——そのツールの正体
Google Stitchは2025年5月のGoogle I/Oで公開されたGoogle Labsの実験ツールです。自然言語プロンプトひとつで高品質なUIを生成し、HTML・Tailwind・React・Vue・Angular・Flutter・SwiftUIのコードに直接エクスポートできます。
2026年3月のアップデートで機能が一段階進化しました。無限キャンバス、デザインエージェント、音声コマンド、インスタントプロトタイプ、MCP統合——5つが同時に追加されました。この発表直後にFigmaの株価が1日で8.8%下落したんです。
デザイナーがいなくても大丈夫です。「落ち着いたダークなフィンテックアプリ」のようにビジネス目標や雰囲気で伝えるだけ。カラーパレット・タイポグラフィ・レイアウトをStitchが提案してくれます。音声での修正指示も可能です。
DESIGN.mdという機能も注目です。カラーコード、フォント、コンポーネント間隔をマークダウンで定義しておくと、AIエージェントがそれを読み取り、複数の画面を作っても一貫したデザインを維持してくれます。設計意図が開発段階まで途切れなく伝わる構造です。
じゃあFigmaはもう終わり?
そうじゃないんです。正確にはこうです: Stitchはアイデアから初稿までの0-to-1フェーズに強く、Figmaはその後の仕上げ・協業・ハンドオフの1-to-100フェーズで依然として競合なしのツールです。
Figmaの堀は10年の積み重ねです。1,500以上のプラグイン、ピクセル単位の調整、Dev Modeハンドオフ、50人以上のリアルタイム協業——6ヶ月前に登場したツールには追えない領域ですよね。
Stitchの限界も明確です。デザインシステムの一貫性を強制するのが難しく、直接ピクセル編集ができません。修正のたびにプロンプトを打ち直す必要もあります。「インスピレーション探しには最適、プロダクション作業には不向き」という評価がある通りです。
核心のフレーム
「AIがデザインの最初の80%を無料にした」 — Stitchが揺るがしているのはFigma全体ではなく、「白紙のキャンバスの前で途方に暮れる、あの最初の瞬間」なんです。そのフェーズはもうStitchのものです。
どのツールをいつ使うか
| Figma | Google Stitch | |
|---|---|---|
| 最適フェーズ | 仕上げ・協業・ハンドオフ (1-to-100) | アイデア探索・初稿 (0-to-1) |
| 価格 | $15/シート/月〜 | 完全無料 (350回/月) |
| 学習曲線 | 週〜数ヶ月 | 数分 |
| コード出力 | Dev Mode (有料プラン) | 7種類のフレームワーク 無料 |
| プラグイン | 1,500種以上 | なし |
| デザインシステム | 10年の実績 | DESIGN.md対応 |
| チーム協業 | 50人以上のリアルタイム | 小規模・高速反復 |
チームの規模と状況別の推奨組み合わせです:
| チーム・状況 | 推奨の組み合わせ |
|---|---|
| 1人起業家・小規模チーム | Stitch優先 → 必要に応じてFigma補完 |
| 20〜50人デザインチーム | Figmaをコアに + Stitchはアイデア段階のみ |
| エンタープライズ | Figma継続、Stitchは探索専用 |
| フリーランス・エージェンシー | Stitchでスピード + Figmaで納品 |
今すぐ始める方法
- stitch.withgoogle.comにアクセス
Googleアカウントでログインするだけで始められます。インストール不要、月350回無料。 - 最初のプロンプトは具体的に
「アプリUI作って」より「ダークテーマ、フィンテックの資産ダッシュボード、主な機能は残高・取引履歴・送金」のように、雰囲気と機能を一緒に伝えましょう。結果が全然違います。 - DESIGN.mdで一貫性を確保
カラーコード(Hex)、フォント、コンポーネントスタイルをマークダウンで定義してStitchに貼り付けます。複数の画面を作ってもトーンが統一されます。 - コードエクスポートかFigma連携
気に入った画面ができたら——Tailwind/Reactで開発チームへそのまま渡すか、「Export to Figma」ボタンでレイヤーを保ったままFigmaに移して仕上げを。 - ハイブリッドワークフローで完結
Stitchで探索 → ステークホルダーレビュー → Figmaで仕上げ → Dev Modeでハンドオフ。従来比60〜75%の時間削減が報告されています。
注意
StitchはまだGoogle Labs実験段階です。機能・画面・エクスポート方式は随時変わる可能性があるため、チームのコアワークフローをStitch一本に依存するのは避けましょう。
もっと深く知りたい方へ
Google Stitch vs Figma 2026 チームサイズ別選択ガイドとFigma株価影響分析 justinmckelvey.com
Google Stitch review: great for inspiration, wrong tool for production プロダクション作業の限界詳細分析 designproject.io
AI Design Tools 2026: Stitch vs v0 vs Figma vs Framer 4ツールのワークフロー比較 ortemtech.com
Google Stitch AI Review 2026 5プロジェクトの実践テスト結果 index.dev
Google AIツールとVibe UIデザイン DESIGN.md活用実践ガイド brunch.co.kr
Google Stitch vs Figma: 2026年3月アップデート分析 5つの新機能詳細解説 sfailabs.com
