Stitch 2.0 by Google
Google · 画像 · コーディング
Stitch 2.0 by Googleは、自然言語や音声コマンド、参考画像を高精細なインターフェースデザインと動くフロントエンドコードに変える、無料のブラウザベースAI UIデザインツールだ。無限キャンバスの上で動き、そこにインスピレーションのスクリーンショットやReactの断片、メモを置くと、デザインエージェントがそれらすべてを使って画面を組み立てる。Googleはこれをバイブデザインプラットフォームとして売り出している。ピクセルのグリッドではなく、求める雰囲気を言葉で伝えるという考え方だ。始める前にワイヤーフレームを描いていた人なら、この工程をまるごと飛ばせる。
Stitch 2.0 by Google について
Stitch 2.0 by Googleとは
Stitch 2.0 by Googleは、モバイルとWebのインターフェースに向けたGoogle LabsのAIネイティブなデザイン環境だ。Google I/O 2025で披露された最初のバージョンは、一方通行のテキストtoUI生成ツールだった。説明を打ち込むと画面が出てきて、コードを書き出すかFigmaに送る。2.0では無限キャンバスと、プロジェクト全体を通して文脈を保つデザインエージェントを軸に作り直された。
この変化は大きい。一度に1画面を生成するのではなく、Stitch 2.0はプロジェクト全体を推論し、複数のデザイン方向を並行して追い、ユーザーを混乱させかねないレイアウトにフィードバックを返す。任意のURLからデザインシステムをそのまま取り出せるし、再生ボタンでインタラクションをたどれるし、デザインパートナーが言うように提案を聞ける。プロンプト欄と読み込みアイコンだけのツールとは大違いだ。
難点は、自分が何を欲しいかを説明できるときに最もよく効くこと。曖昧なプロンプトは曖昧な結果しか生まない。Google自身のコンポーネントスタイルにも強く寄るため、出力は少しGoogle風になりうる。それにGoogle Labsの実験であり続けているので、機能や制限は動く。それでも、無料のAI UIデザインツールとしては天井が高い。
はじめ方
- stitch.withgoogle.comにアクセスし、Googleアカウントでサインインする。18歳以上である必要がある。
- モードを選ぶ。素早い下書きなら標準、参考画像を使ったより精細な作業なら実験的。
- 画面を平易な言葉で説明するか、スケッチやスクリーンショットを上げるか、方向性を声に出して伝える。
- AIに複数の案を出させ、続きのプロンプト、テーマ編集パネル、クリックで調整する。
- 結果をフロントエンドコードとして書き出すか、Figmaに送るか、デザインシステムをDESIGN.mdファイルとして保存する。
AIツール情報
Stitch 2.0 by Googleの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- プロダクトデザイナー：求める雰囲気を説明できるなら、1つに決める前に複数の方向を数分でプロトタイプ化できる。
- フロントエンド開発者：静的なモックアップではなく、動くHTMLとTailwindの出発点を得られる。コードの手入れは自分で必要だ。
- 創業者と個人開発者：デザイナーを雇わずに説得力のあるMVPのインターフェースを出せる。Googleアカウントだけで使える無料のWebツールだ。
- 学生と初心者：AIが画面を生成し直す様子を見ながらレイアウトを学べる。ライセンス料もインストールも要らない。
タスク
- ざっくりしたアイデアを複数のUI案にする：1画面を説明すると、キャンバス上に複数の案が並んで出てくる。
- 実サイトからデザインシステムを引き出す：URLを貼れば、Stitchが色、書体、コンポーネントを再利用できる標準にまとめる。
- 静的なデザインをクリックできるようにする：再生を押すと、タップに応じて次にありそうな画面を生成する。
- AIの出力を本物のデザインファイルに移す：レイヤーとオートレイアウトを保ったままFigmaに書き出し、手作業で編集できる。
シーン
- 土曜の朝のMVPスプリント：一文からクリックできるプロトタイプまで、昼前にブラウザだけで進める。
- インターフェース構造の授業：プロンプトがどうグリッド、ナビバー、カードになるかを学生に示す。
- リブランディングの検討：同じ画面を複数の配色で生成し、合うものを選ぶ。
- クライアントへの提案：スライドで説明する代わりに、インタラクティブなプロトタイプを見せる。
主な機能
プロジェクト全体の文脈を持つ無限キャンバス
キャンバスが2.0の中心的な変化だ。参考画像を留め、コードを貼り、テキストメモをどこにでも足せる。AIはそれを最新のプロンプトだけでなく、すべて文脈として扱う。競合のダッシュボードのスクリーンショットと自分のコンポーネントコードを、業界についてのメモの隣に置けば、Stitchはその3つを尊重したものを組み立てる。デザイナーの机の実際の姿に近い。
デザインエージェントとエージェントマネージャー
Stitch 2.0は、プロジェクトの構造、ページ間の関係、ユーザーフローの論理を理解するデザインエージェントを加えた。単にコマンドに応答するだけではない。作ったものを見直し、ベストプラクティスを壊すレイアウトやブランドから外れた色に印を付ける。エージェントマネージャーはそれを複数並行で走らせるので、別々の画面や方向が1つずつではなく同時に進む。
音声と画像からのバイブデザイン
バイブデザインの狙いは、ワイヤーフレームから始めなくていいはずだという点にある。レイアウトではなく雰囲気を描く。温かく信頼できる金融アプリ、あるいはNotionより個性のあるすっきりしたプロジェクト管理ツール。聞き覚えがあるだろう。それが目標だ。方向性を声に出してキャンバスがリアルタイムで変わるのを見ることも、スケッチを上げてツールに解釈させることもできる。より緩い出発点であり、ときにそれがプロジェクトの詰まりをほどく。
コードとFigmaへの書き出し
どのデザインにもフロントエンドコードが付き、コピーしたりアプリに入れたりできる。Figmaに送ればレイヤー構造、オートレイアウト、コンポーネントがそのまま引き継がれる。つまりAIが最初の一巡をこなし、人間が細部を詰める。コードは手ごろなHTMLとTailwindの出発点として出てくる。完成したビルドではない。整える前提で臨もう。
任意のURLからのデザインシステムとDESIGN.md
Stitchを実在のURLに向けると、配色、書体、コンポーネントを含む使えるデザインシステムを抜き出す。そこからそのシステムを新しい画面に適用し、全体を一貫させられる。エージェントに優しいDESIGN.mdファイルも書き出すので、デザインルールをStitchプロジェクト間で移したり、外部ツールと同期したりできる。これは実際に時間を節約する。
インタラクティブなプロトタイプと外部ツール連携
再生ボタンは静的なデザインをクリックできるものに変え、Stitchは各タップの後に次に来る論理的な画面を生成する。コードエディタで暮らすチーム向けに、Stitch MCPサーバーとSDKがあり、CursorやAntigravity、Gemini CLIといった外部エージェントがプロジェクトにつながってできることを広げられる。
メリットとデメリット
メリット
- Googleアカウントで無料。AIデザインツールを試すときのいつもの価格の壁を取り除く。
- 無限キャンバスとデザインエージェントが、1画面だけでなくプロジェクト全体を通して文脈を保つ。
- 実際のフロントエンドコードを書き出し、レイヤーとオートレイアウトを保ったままFigmaに引き渡す。
- 音声と画像の入力が、スケッチも詳細なプロンプトも苦手な人の壁を下げる。
- MCPサーバー対応により、外部のコーディングエージェントとうまく噛み合う。
デメリット
- 出力はGoogleのコンポーネントスタイルに寄るので、テーマを強く押さない限りデザインが似通いやすい。
- Google Labsの実験であり続けるので、機能、制限、提供状況がほとんど予告なく変わる。
- 曖昧なプロンプトは曖昧な結果しか生まない。求めるものを説明できなければ、ツールもうまく推測しない。
- 生成コードは出発点であり本番向けではない。開発者は今も見直して直す必要がある。
よくある質問
はい。Stitchは無料で使え、必要なのはGoogleアカウントと18歳以上であることだけ。ツール自体に有料プランはない。
関連コンテンツ
Stitch 2.0 by Googleに関連するツール、スキル、記事を探す。
Stitch 2.0 by Googleの代替ツール
X Ray Interpreter
X-ray Interpreter · 画像X Ray Interpreter は、X 線、CT、MRI、超音波、PET の画像を平易な言葉のレポートに変えるウェブベースの AI 放射線ツールだ。スキャン画像をアップロードすると、X 線の予備的な読影結果がすぐに返ってくる。説明が必要な箇所があれば、その後で追加の質問もできる。位置づけはセカンドオピニオンと学習の補助であり、医療診断ではない。
Aieasypic
AIEasyPic · 画像AIEasyPicは、単純なテキストプロンプトを数秒で完成したアート作品に変えるAI画像生成ツールだ。自分の写真でカスタムモデルを訓練したり、既存の画像の顔を交換したり、テキストから短い動画クリップを作ったりもできる。すべてブラウザだけで完結する。手早くビジュアルが欲しい気軽なクリエイターにも、コードを一切触らずに個人モデルを作りたい趣味の人にも向く。
Chargen
Chargen · 画像ChargenはDungeons & Dragonsやその他のテーブルトークRPG向けに作られたAIキャラクター生成ツール兼ワールドビルディングツールキットだ。一行のアイデアを描き上げたキャラクター肖像に変え、同じセッションでNPC、モンスター、マップ、遭遇を生み出し、すべてのクリーチャーの詳細を手元に置く。テーブルトークRPGアートの部分はGoldと呼ばれるクレジット制で動き、テキスト生成ツールは誰でも無料のまま使える。