デザインは「待つ」ものから「並んで作る」ものへ──。Google I/O 2026に合わせて、Google Labs発のAIデザインツール「Stitch」が大型アップデートを発表しました。AIが画面を描いていく様子をリアルタイムで眺めながら、途中で方向を修正できる。手元のコードベースから自分のブランドを示す「DESIGN.md」が自動生成され、AntigravityなどのIDEと双方向に同期される。Figmaファイルを取り込み、Netlify・Lovable・Boltへワンクリックで書き出す──デザインと開発のあいだに横たわっていた長年の溝が、静かに、しかし確実に埋まりつつあります。発表された5つの新機能と1つのボーナスから、AI時代のものづくりの輪郭を読み解きます。
Googleは2026年5月20日、Google I/Oに合わせ、Google Labs発のデザインツール「Stitch」のアップデートを公式X(@stitchbygoogle)で発表した。追加は主要5機能とボーナス1機能である。生成過程を逐次描画する「Streaming」、コードベース・.figファイル・公開Webサイトから「DESIGN.md」を生成する「Start with your existing design」、画面の一部を指示やクリックで編集する「In-place AI Edits」、JavaScriptやシェーダーをHTMLキャンバスでネイティブ描画する「Motion on HTML-native Canvas」、.figファイルのインポートとNetlify・Lovable・Boltへのワンクリックエクスポートに対応する「Portability and Integrations」が加わる。
ボーナスは、AntigravityなどのコーディングエージェントからMCP経由でStitchへ画面をインポートし、コードベースへ同期するスキル群。公開コードベースからのインポートにはGemini Agents APIが利用される。
「DESIGN.md」は前月にオープンソース化されている。
From: 
Stitch by Google on X — Your vibe design partner just got more collaborative!
【編集部解説】
今回の発表は、単なる機能追加ではなく、Google I/O 2026の文脈で読み解く必要があります。同じ日にはGoogle発のエージェント駆動型IDE「Antigravity」もバージョン2.0へとアップデートされ、デスクトップアプリ・CLI・SDKを備えた本格的なエージェント開発プラットフォームへ進化しました。Stitchの新機能群は、この大きな絵の中で「デザインの入口」を担う役割を与えられたと読むのが自然です。
注目すべきは、Stitchの位置づけが2025年5月の初登場時から大きく変わってきたことです。当初は単一画面を生成する実験的ツールでしたが、2026年3月のメジャーアップデート(通称Stitch 2.0)で無限キャンバスと「vibe design(バイブデザイン)」という思想を獲得しました。今回のI/O 2026の発表は、その思想を「リアルタイム共創」へと押し進めるものです。
5つの主要機能の中で、最も思想的な転換点となるのは「Streaming」です。これは、Stitchの生成プロセスを完了まで待たず、AIが考えながら描いていく様子をそのままキャンバスに流すというものです。チャット型AIが文章をストリーミングするのと同じ原理を、UIデザインに持ち込んだ意味は小さくありません。「結果を受け取る」ことから「過程に介入する」ことへ、AIとの協働の重心が移っていることを示しています。
二つ目の柱は「DESIGN.md」の活用拡大です。これはGoogleが2026年4月にApache 2.0ライセンスで仕様をオープンソース化した、デザインシステム記述用のマークダウン形式ファイルです。プロダクトのカラーパレット、タイポグラフィ、間隔、コンポーネントなどを、AIエージェントが読み取れる形で一つのファイルにまとめます。
このDESIGN.mdの存在は、Claude Code、Cursor、GitHub Copilotといった他社のコーディングAIにも読み取らせられる「ポータブルなブランド契約」を目指す動きです。READMEがプロジェクトを新メンバーに説明するように、DESIGN.mdはAIエージェントにブランドを説明する。そんな比喩が、海外の開発者コミュニティで広がりつつあります。
そして今回追加された「BONUS」、すなわちMCP(Model Context Protocol)経由でのコードベース双方向同期は、デザインと開発の境界を実質的に消し去る一歩です。Antigravityなどのコーディングエージェントの中からStitchへ画面を取り込み、ビジュアルで編集し、その変更をエージェントがコードへ書き戻す。これまで「Figmaで作って開発者が実装してパディングが4ピクセルずれて……」と繰り返してきた業界の慢性的な摩擦に、構造的な答えを出そうとしています。
エクスポート先にLovableやBoltといったGoogle以外の「バイブコーディング」プラットフォームが並んでいる点も興味深いところです。自社エコシステムに囲い込むのではなく、業界標準としてのDESIGN.mdとMCPを軸に、ハブとしてのポジションを取りに来た。Figma対抗というよりも、デザインと開発の「結合層」そのものを押さえに来た戦略と読めます。
一方で、現場の課題も冷静に見ておく必要があります。Stitchはまだコメント機能や厳密な権限管理、リアルタイム共同編集といった成熟領域ではFigmaに及びません。海外のレビュー記事を読むと「アイデア発散とラフ作成には強いが、ピクセル単位の本番デザインにはまだ向かない」という評価が多く、当面はFigmaと併用するハイブリッド運用が現実解になりそうです。
また、デザイナーという職能の輪郭も静かに変わり始めています。エージェントが画面を量産する世界では、人間の役割は「指示を出す」ことよりも「方向性を編集する・批評する・選び抜く」ことへシフトしていきます。これは脅威であると同時に、デザインの上流工程(ブランド設計、情報設計、体験設計)に時間を取り戻すチャンスでもあります。
日本の読者にとって、この発表の意義はもう一段深いところにあります。国内のスタートアップやSaaS事業者は、慢性的なデザイナー不足とフロントエンド開発リソース不足に直面してきました。DESIGN.mdを軸にデザインとコードが地続きになる世界は、小さなチームが品質を保ったままプロダクトを量産できる時代の到来を意味します。「未来を知りたい、触りたい、関わりたい」読者にとって、いま手を動かして触れてみる価値のあるツールの筆頭だと言えるでしょう。
長期的な視点で言えば、DESIGN.mdが本当に業界標準として広がるかどうかが、今後1〜2年の最大の焦点です。広がれば、デザインシステムは特定ツールから解放され、ブランドのデータが流動的に各種AIへ持ち運ばれる世界が訪れます。広がらなければ、また一つの「Google発の便利な仕様」として歴史に残ります。仕様がオープンソース化されている以上、その行方を決めるのは私たち利用者側のコミュニティの動きそのものです。
【用語解説】
バイブデザイン(vibe design)
プロダクトの雰囲気や感情といった抽象的な概念を起点にUIを生成するアプローチを指す。ワイヤーフレームから精緻化していく従来手法と対をなす考え方で、Googleが2026年3月のStitch 2.0発表時に提唱した。
DESIGN.md
ブランドのカラー、タイポグラフィ、コンポーネントなどのデザインルールを記述したマークダウン形式のファイル。READMEがプロジェクトを人に説明するファイルだとすれば、DESIGN.mdはデザインシステムをAIエージェントに説明するファイルである。2026年4月にApache 2.0ライセンスでオープンソース化された。
MCP(Model Context Protocol)
Anthropic社が2024年に提唱し、業界標準として急速に広がっているAIエージェント向け通信プロトコル。アプリケーションとAIエージェントのあいだで「文脈・能力・データ」を双方向にやり取りするための共通規格である。
In-place AIエディット
画面全体を再生成せずに、特定の要素だけを「その場で」AIに編集させる仕組みである。「画像だけ差し替える」「ヘッダーだけ動かす」といった部分編集を、テキスト指示やクリック操作で実行できる。
シェーダー
GPU上で動作する、画面描画のための小さなプログラムである。アニメーションやライティング、複雑な視覚効果を高速に生成するためにゲームやWebGLで活用されている。
Gemini Agents API
Googleが提供する、Geminiモデルを用いてエージェント的振る舞いを実装するためのAPIである。Stitchが公開コードベースからデザイン情報を抽出する処理は、このAPIを介して実行される。
Apache 2.0ライセンス
寛容型オープンソースライセンスの代表格である。商用利用、改変、再配布が広く許可されており、特許権の扱いが明確に規定されている点が特徴である。
reduced motion(動きを減らす)
OSやブラウザのアクセシビリティ設定の一つである。アニメーションや視差効果による不快感・体調不良を防ぐため、ユーザーが動きを抑制する選好を表明できる仕組みで、CSSのprefers-reduced-motionメディアクエリで参照される。
【参考リンク】
Stitch by Google(公式)(外部)
Google Labsが運営するAIデザインツールの公式サイト。Googleアカウントがあれば無料で利用できる。
Stitch Skills(GitHubリポジトリ)(外部)
今回発表されたMCP連携用のスキル群を公開しているGitHubリポジトリである。
Stitch ドキュメント(DESIGN.md関連)(外部)
DESIGN.mdをAIエージェントに読み込ませるための公式ドキュメントである。
Google Antigravity(公式)(外部)
Google発のエージェント駆動型IDEの公式サイト。Stitchの出力先のひとつとして位置づけられている。
The Keyword(Google公式ブログ:今回の発表)(外部)
I/O 2026に合わせて公開された、Stitchアップデートに関するGoogle公式の解説記事である。
Netlify(公式)(外部)
モダンWebサイトを高速にデプロイできるホスティングプラットフォームである。
Lovable(公式)(外部)
自然言語からフルスタックWebアプリを生成する「バイブコーディング」プラットフォームである。
Bolt(公式)(外部)
StackBlitz社が提供する、ブラウザ上で動くAIアプリ開発環境である。
Figma(公式)(外部)
クラウド型コラボレーティブデザインツールの業界標準である。
【参考記事】
Google turns Antigravity into a full agentic development platform with desktop app, CLI, and SDK(TheNextWeb)(外部)
I/O 2026で発表されたAntigravity 2.0について、CLI・SDK・並列エージェント実行などを伝える記事である。
Google Stitch AI: Vibe Design and 5-Screen Canvas [2026](Tech-Insider)(外部)
2026年3月のStitch 2.0アップデートを詳報。Figma株4%超下落やUIデザイン市場規模を伝える。
Google Stitch: AI-Native UI Design That Actually Understands Your Design System(DEV Community)(外部)
DESIGN.mdの仕組みを技術観点から掘り下げ、Figma株10%下落の市場反応にも触れる記事である。
Stitch’s DESIGN.md format is now open-source so you can use it across platforms(Google公式ブログ)(外部)
2026年4月にDESIGN.md仕様をApache 2.0でオープンソース化したことを伝える、Google公式の発表記事である。
Google Antigravity 2.0 becoming full agentic development suite(9to5Google)(外部)
I/O 2026におけるAntigravity 2.0の発表内容、AI Studio・Firebase・Androidとの連携強化をまとめた記事である。
Google updates Stitch with ‘vibe design’ and infinite AI canvas(Neowin)(外部)
2026年3月のStitchアップデートを伝え、URL抽出・音声操作・MCP連携などを紹介する記事である。
【関連記事】
Google Stitch「バイブデザイン」登場—自然言語でUIを作る時代へ
本記事と同じStitchの2026年3月18日アップデート(通称Stitch 2.0)を扱う続編的位置づけ。無限キャンバスやDESIGN.md導入の経緯を押さえると、今回のI/Oアップデートの位置づけがより立体的に理解できる。
Google Antigravity 2.0発表 — I/O 2026で示されたGemini 3.5 Flash搭載の「エージェント主導開発」とは
同じI/O 2026で発表された姉妹プロダクト「Antigravity 2.0」の解説記事。Stitchがデザイン側、Antigravityが開発側を担うGoogleのエージェント開発スタックを、両輪で押さえられる。
Google I/O 2026、5月19日開幕─Gemini新版・Android XRグラス・Googlebookの注目点
本記事の文脈となるGoogle I/O 2026の全体像を伝えるプレビュー記事。Gemini新版、Android XRグラス、Googlebookなど、Stitch発表の背景にあるGoogle全体の戦略を概観できる。
MCP(Model Context Protocol)が変えるAIの未来:Anthropicが提唱する標準化プロトコルの可能性
今回のStitchが採用した通信規格「MCP」の基礎を解説した入門記事。Anthropicが2024年11月に公開したこの規格が、なぜ業界横断のデファクトスタンダードへ育ったのか、背景から学べる一本。
Figma Make:AIバイブコーディングで変わるデザインの未来—プロンプトだけでアプリ開発が可能に
Figma側のAIデザイン戦略を扱った記事。Stitchの競合・補完関係にあるFigma Makeの設計思想と対比することで、「デザインと開発の融合」という時代の潮流を俯瞰できる。
【編集部後記】
「デザインができないから、自分のアイデアは形にできない」——そう感じて一歩を踏み出せずにいる方は、もしかすると私だけではないかもしれません。Stitchの今回のアップデートは、そのハードルを静かに下げてくれる予感がします。
頭の中にあるイメージを言葉やスケッチで投げかけてみて、AIがそれを画面に「描いていく」過程に立ち会ってみる。完成品を待つのではなく、一緒に走らせてみる。そんな新しい時間の使い方を、まずは数十分だけ試してみませんか。皆さんの「最初の画面」、どんな景色になったのか、ぜひ聞かせてください。
