Toolso.AI
Toolso.AI
すべてのツールカテゴリ急上昇最新ツール料金プランブログ
Toolso.AI
Toolso.AI

💌AIツールウィークリーを購読

最新かつ最も注目されるAIツールとトレンドの週次厳選セレクションをメールボックスにお届けします 購読

Toolso.AI
Toolso.AI

生産性を向上させる最高のAIツールを発見する

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

人気カテゴリ

  • AI執筆
  • AI画像
  • AI動画
  • AIコーディング
  • 他のカテゴリ

探索

  • 最新ツール
  • 人気ツール
  • 他のツール
  • ツールを提出
  • 料金

会社概要

  • 会社概要
  • お問い合わせ
  • ブログ
  • 変更履歴

法的情報

  • クッキーポリシー
  • プライバシーポリシー
  • 利用規約
  • 返金ポリシー
© 2026 Toolso.AI 無断転載を禁じます
期間限定期間限定注目掲載24時間優先審査・被リンク不要・30日間注目表示$29.90終了後 $59.9010月31日以降 $59.90に値上げ終了まで--:--:--今すぐ投稿
  1. ホーム
  2. すべてのツール
  3. アプリケーション構築
  4. Stitch
Stitchのインターフェースプレビューウェブサイトを訪問
Stitchのロゴ

Stitch

Stitchは自然言語やスケッチや画面写真を高精細なインターフェースに変え、フロントエンドのコードやFigmaへの貼り付けとして受け渡すGoogle LabsのAIネイティブな設計キャンバスです。

アプリケーション構築デザインツールAI開発#コード生成#デザイン#Google
無料で試す
保存
アクセス数
閲覧数
価格
フリーミアム
公開日
2026年8月25日
ドメイン
stitch.withgoogle.com
ユーザー評価

このツールを使いましたか?評価してください

このツールを評価する

Stitch 製品情報

無料で試す
ツール情報
保存
アクセス数
閲覧数
価格
フリーミアム
公開日
2026年8月25日
ドメイン
stitch.withgoogle.com
ユーザー評価

このツールを使いましたか?評価してください

このツールを評価する

注目のツール

関連ツール

無料で試す

Stitchとは

Stitchは、説明を実際の画面デザインに変えるGoogle Labsのブラウザ向け設計ツールです。作りたいものを普通の文で伝えるか、スケッチや画面写真をアップロードすると、完成度の高いユーザーインターフェースと、その裏側にあるフロントエンドのコードが返ってきます。

Googleは現在の姿を、誰でも自然な言葉から完成度の高い画面をつくり、練り直し、共同作業できるAIネイティブなソフトウェア設計キャンバスだと説明しています。この言い回しには意図した方向転換が表れています。登場した当初は生成器に近いものでした。画面を一つ求めれば画面が一つ返る、という具合です。いまでは製品構想の全体を探り、組み替え、先へ進めるための作業空間として位置づけられています。

狙っている問題は、設計と開発のあいだの継ぎ目です。公式の発表文は率直にこう述べます。簡単なプロンプトと画像の入力を数分で複雑な画面デザインとフロントエンドのコードに変える、Google Labsの新しい試みである、と。前提にあるのは、引き継ぎの区間、つまり画面の絵を本物の画面にしなければならないその部分こそ、従来もっとも手作業を費やしてきた場所だという見立てです。

どこから来たのか

この製品は2025年5月20日のGoogle I/Oで公開されました。発表文が触れている出発点は、製品の形を説明してくれるので挙げておく値打ちがあります。それぞれの作業の流れを良くする製品を作りたかった一人のデザイナーと一人のエンジニアのあいだから生まれた発想だ、というものです。この二重の作者性は成果物にそのまま表れています。成果物は設計の産物であると同時にコードの産物でもあります。

広く語られてはいるものの、鵜呑みにせず自分で確かめる値打ちのある来歴もあります。この製品は、独立系の新興企業Galileo AIを改称した後身としてよく紹介されます。元のドメインを直接確かめると、その関係がはっきりします。usegalileo.aiはいまこの製品のアドレスへ転送され、以前の製品のウェブ上の存在はこちらへ完全に取り込まれています。この転送は継続性の確かな証拠です。ただし買収の時期や条件や取引の枠組みといった商業上の詳細は、Googleがどの公式記事でも明かしておらず、二次的な説明も互いに食い違うため、本稿では述べません。

帰属についての一言

多くのAIツールが大手モデル提供元との関係を思わせる名前やドメインを用いているため、この点は明確にしておく必要があります。これは本当にGoogleのものです。Google自身が管理するwithgoogle.comのドメインで動き、Googleの開発者向けブログとGoogleの主要ブログの両方で一人称で発表され、公式の技能リポジトリはgoogle-labs-codeという組織の下に置かれ、サイトはGoogle自前の基盤から配信されています。名前を借りた第三者のツールではなく、Googleの自社製品です。

主な機能

普通の説明から画面をつくる

主な入力は普通の言葉であり、指定できる細かさは構造の域を超えています。公式の案内は、作りたいアプリケーションを平易な言葉で説明し、その際に配色や望むユーザー体験といった細部まで含めるように、と述べます。つまり美的な方向性や狙う印象そのものがプロンプトの働く範囲に入っており、画面や部品の一覧を並べるだけではありません。

新しいキャンバスはこれをさらに進め、配置ではなく意図から始めることを勧めます。ワイヤーフレームから始める代わりに、達成したい事業上の目的や、利用者に抱いてほしい感情や、いま自分を触発している事例から語り始めてよい、というのが公式の説明です。これこそ現在の製品とひな形選びの道具との実質的な違いです。まだ形になっていない意図を出発点として受け取れるように設計されています。

画像から画面をつくる

視覚的な入力は後付けではなく一級の経路です。発表文はこう書きます。ホワイトボードに描いた設計スケッチや、心を引かれた画面写真や、粗いワイヤーフレームがあるならアップロードしてほしい、と。ホワイトボードを撮った写真が、構造を備えたデジタルの画面になります。これは重要です。設計作業のもっとも早く、もっとも値打ちのある段階は、たいていソフトウェアではない場所で起きるからです。

混ざった文脈を受け取る無限のキャンバス

現在の版は、単一の出力画面を、発散と収束のために作られたキャンバスに置き換えました。一般的な設計画面との違いは、文脈として受け取れる素材の幅にあります。考えがどんな形をしていても、画像でも文章でも、さらにはコードでも、そのままキャンバスに文脈として持ち込めます。コードが出力としてだけでなく、見た目の案と並んで入力にもなるという点が変わったところです。

案件全体を記憶する設計エージェント

キャンバスには、一つのプロンプトではなく案件全体を見渡して推論する設計エージェントが伴います。Googleはこれを、案件の全体の展開を横断して推論できるまったく新しい設計エージェントと説明し、複数の方向を同時に進めるためのエージェント管理機能も併せて提供します。実際の利点は連続性です。エージェントは、あなたが何をなぜ退けたかを把握しています。これは毎回ゼロから生成するときに失われる、まさにその文脈です。

DESIGN.mdで持ち運ぶ設計体系

画面をまたぐ一貫性は、明示的で持ち運べる成果物が担います。公式の説明によれば、任意のウェブアドレスから設計体系を抽出することも、新しく加わったDESIGN.mdというエージェントに優しいmarkdownのファイルで、設計の規則を他の設計・開発ツールへ書き出したり、そこから読み込んだりすることもできます。

ここには注目すべき点が二つあります。任意のアドレスから体系を抽出できるということは、既存製品の視覚的な言語を人手で整理せずに捉えられるという意味です。そしてその体系を独自形式のバイナリではなくmarkdownで表したことは、他のエージェントが読めるようにし、人が差分で確認できるようにします。設計上の判断をバージョン管理下に置く組織にとって、この形式の選択は一見したより大きな意味を持ちます。

対話できる試作と自動でつくられる次の画面

静的な成果物は、別立ての試作工程なしに押して進める流れになります。画面をつなぎ、再生を押せば道筋を先に見られます。より注目すべき能力は機械的というより生成的です。押した箇所をもとに、筋の通る次の画面を自動でつくり、利用者の道筋を難なく描き出します。すでに作った画面をつなぐだけでなく、ある操作が当然たどり着くべき画面を推し量って作り出します。

声で交わす設計の対話

このエージェントには声で話しかけられます。Googleは、その場で設計の批評を返し、質問を重ねる形で新しい着地ページを設計し、即座に手を入れると説明します。質問して要件を引き出すやり方は面白い逆転です。あなたが要件をあらかじめ並べるのではなく、道具が問いかけて引き出します。用紙を埋めるというより、協力者に仕事を伝えるのに近い形です。

開発へ引き渡す通路

この製品は当初から、成果物を抱え込まず引き渡すように作られています。初期の版から、つくられた設計をFigmaに貼り付けて、さらに磨いたり設計チームと協力したり既存の設計体系に組み込んだりでき、フロントエンドのコードもそのまま書き出せました。

現在の版はプログラムからの利用を加えました。新たに公開されたMCPサーバーとソフトウェア開発キットを通じて、技能や道具として製品の機能を呼び出せ、AI StudioやAntigravityを含む開発者向けツールへ書き出せます。公式の技能リポジトリはAgent Skillsという公開仕様に沿っており、対応する相手としてCodexとAntigravityとGemini CLIとClaude CodeとCursor、そしてOpenCodeを挙げています。注目すべきは、この対応一覧が競合する複数の会社にまたがっており、Google自社の道具に閉じていないことです。

普及の度合いについては、数字を一つ正しておく必要があります。Googleは2026年3月の記事でこのリポジトリを星2.4千と記しています。本稿の執筆時にリポジトリを直接確かめた値は、星8.2千と分岐1.1千と変更98回でした。公表された数字はすでに追い越された時点の値です。ここでは直接測った値を用います。

モデルの選択

公開時の独立した実機報道は、利用者がGemini 2.5 ProとGemini 2.5 Flashという二つのモデルから選んで、製品のコードと画面の構想を動かせることを確かめています。仕事に応じて速さと深さを取り替えられます。

活用場面

決める前に複数の方向を探る

もっとも噛み合うのは発散の段階で、このとき狙うのは磨き込みより量と幅です。Googleは、人は良い案に落ち着くまでに何度も広げては絞るという現実を踏まえてキャンバスを位置づけており、エージェント管理機能は並行する探索を整った状態に保つために存在します。

設計者でない人が共有できる成果物を得る

創業者や製品担当者や技術者は、人が反応できる具体的なものを必要とすることが多いのに、専門の設計ツールではそれを作れません。Googleはこの層を明示的に名指し、数十通りの変化形を探りたい専門のデザイナーと、最初のソフトウェア構想を形にしようとする創業者の双方に向けた製品だと述べています。

ホワイトボードの作業を電子化する

打ち合わせのあとに撮ったスケッチを構造のある画面に変えられるので、そのままなら書き写されるか失われていた思考を残せます。

既存の視覚的な言語を新しいものに当てる

アドレスから設計体系を抽出して当て直したり、DESIGN.mdを案件のあいだで運んだりするやり方は、すでに定まった印象を持ち、新しい画面もそれに揃えたいが規則を手作業で組み直したくない組織に向きます。

開発エージェントへ渡す

MCPサーバーと技能が複数の開発エージェントと噛み合うため、この製品は自動化された流れの中の設計工程を担えます。画面はここで決め、実装は組織がすでに使っているエージェントが引き継ぎます。

噛み合わない場面

本番水準の設計作業は明確な例外であり、その境界をもっとも強く語ったのは批評家ではなくGoogleの製品担当者自身です。下の制限の項で扱います。

使い方

  1. 配置ではなく意図から始めてください。 画面を並べる前に、目的と対象と欲しい印象を述べてください。キャンバスはまさにその出発点を受け取るために作られています。
  2. すでにある文脈を持ち込んでください。 スケッチや画面写真をアップロードし、参考のコードを貼り、あるいは公開中のアドレスから設計体系を抽出してください。視覚的な言語を文章で説明しようとしないことです。
  3. 仕事に合わせてモデルを選んでください。 変化形を多く出して幅を見るときは速いほうを、一つの方向を深めるときは能力の高いほうを使ってください。
  4. 複数の方向を並行してつくってください。 一つを順番に磨くのではなくエージェント管理機能を使ってください。この道具の強みは幅にあります。
  5. 画面をつないで再生してください。 流れは早いうちにひと続きとして試してください。画面を離して見ているあいだは、道筋の問題は見えません。
  6. 声で批評を求めてください。 別の項目構成や別の配色を口頭で頼み、その応答は判定ではなく参考意見として受け止めてください。
  7. 方向が定まったらDESIGN.mdを書き出してください。 規則を固めておけば、後の作業がそれを引き継ぎ、少しずつずれていくことを防げます。
  8. 引き渡しは意識的に行ってください。 人のデザイナーが引き継ぐならFigmaへ貼り、技術者や開発エージェントが引き継ぐならコードを書き出すかMCPでつないでください。どちらの場合も成果物は出発点として扱ってください。

使いこなしのこつ

形容詞ではなく参照物を与えてください。きれいだとか現代的だといった語はほとんど情報を伝えません。アップロードした画面写真一枚や抽出した設計体系のほうが、はるかに正確に伝わります。

判断する前に広げてください。この製品は何度も試すことを安くするために設計されています。それらしい最初の画面で決めてしまうのは、この道具が疑いなく得意な唯一のことを無駄にすることです。

画面ではなく流れを確かめてください。一つずつ見れば妥当な画面の集まりでも、通してみると筋の通らない道筋になりえます。再生の操作がそれをもっとも早く暴きます。

DESIGN.mdをバージョン管理に入れてください。markdownなので設計上の判断を差分で確認でき、他の原本ファイルと同じように案件や道具のあいだを行き来できます。

仕上げは別の場所で行うと見込んでください。Figmaへ、コードへ、エージェントへという引き渡しを、退避先ではなく作業の流れの一部として計画してください。

抱えきれない依存は作らないでください。これは実験的な取り組みであり、次の項がなぜその点が周囲に積む手続きの量を左右すべきかを説明します。

どんな人に向くか

専門のデザイナーは早期の探索に使います。数十通りの方向を素早く出し、見込みのあるものを本番用の道具へ持っていきます。

創業者と個人開発者は、デザイナーも設計の下地もないまま、構想を具体的で共有できる形にする必要がある場合です。

製品担当者は、人が議論できるだけ具体的なものを出し、曖昧な文章の要件を、反応できる画面に置き換えます。

フロントエンドの技術者は、設計の空きを待たずにそれらしい初期画面を得られ、生成された記述を足場として使えます。

開発エージェントを使う組織にとっては、MCPサーバーと複数社にまたがる技能により、この製品が既存の自動化された流れの中の設計工程になります。

本番水準の要件を抱える企業の設計チームは、先に制限の項を読むべき層です。ここにあるどれも、成熟した設計体系や複数人での同時編集や統制された引き渡しの手続きの代わりにはなりません。

対応環境

製品はブラウザ上のstitch.withgoogle.comで動き、公式の発表文もそこへ案内しています。デスクトップや携帯端末向けのアプリに関する文書はありません。

プログラムからの利用はMCPサーバーとソフトウェア開発キットで可能で、GitHubの公式技能リポジトリは複数の開発エージェントへの導入に対応します。書き出し先は、Figmaへの貼り付け、AI StudioやAntigravityを含む開発者向けツールへの直接の書き出し、そしてDESIGN.mdを介してmarkdownを読めるあらゆる道具です。

指摘しておくべき空白が一つあります。専用のヘルプセンターや製品専用の文書サイトが存在しません。製品専用の規約や支援ページにたどり着こうとすると、中身のない外枠のページか、Googleの一般的なヘルプ一覧に行き着きます。支援への期待はそれに合わせて設定すべきです。

料金プラン

この製品はGoogle Labsの実験的な取り組みとして提供されています。公式の発表文も2026年3月の記事も、購読の等級や価格や有料への移行経路を一切示しておらず、製品ページ自体がスクリプトで描画される外枠なので、そこから料金の情報は読み取れません。

一部の第三者の記事は、月あたりの生成上限を具体的な数字で示しています。それらの数字は見つけられたどのGoogleの資料にも存在しないため、ここでは繰り返しません。正確に言えることはこうです。この製品は実験的な取り組みとして無料で使え、実際に利用量の上限は存在し、現在の具体的な値は二次的な記事ではなく製品の中で確かめるべきです。

Googleのサービスである以上、サービスは時とともに変わりうると述べたGoogleの一般利用規約が適用されます。この製品について公表されたサービス水準の約束はありません。

代替となる選択肢

自然な比較対象はFigmaですが、正直に言えば両者は同じ問題ではなく隣り合う問題を解いています。Figmaは本番の設計作業が住む場所です。部品の集まりと複数人での同時編集と成熟した開発への引き渡しがそこにあります。この製品は方向が見つかる場所です。Figmaへ貼り付ける通路があるのも、作業がそちらで続くとGoogleが見込んでいるからです。

独立した報道はこの製品をより広い潮流の中に置き、この新しい市場を狙う大手の技術系新興企業と並べました。その中にはCursorを作ったAnysphereやCognitionやWindsurfがあります。それらの道具は説明から直接アプリケーションを作りますが、この製品は画面の層で止まって成果を引き渡します。そのため競合する場面と同じくらい、補い合う場面があります。

どちらの陣営と比べても、もっとも際立つ強みは複数社にまたがるエージェントの互換性と、持ち運べるmarkdownの設計体系と、価格です。もっとも明確な弱みは実験という立場です。

制限と注意点

Google自身が完全な設計基盤ではないと述べている

能力の境界について、もっとも重みのある表現は評価者ではなくGoogleの内部から出ています。技術系媒体に対する実機の説明の場で、Googleの製品担当者は、製品はそれなりに強力だがFigmaやAdobe XDのような完全な設計基盤になるつもりはないと述べ、期待される役割を、ここに来て最初の反復を終え、そこから先へ進んでいく場所だと表現しました。

これは異例なほど明確な提供元の案内であり、いかなる第三者の評価よりも重く受け止めるべきです。この製品を作っている当人たちが、本番水準の設計道具を置き換えるとは主張していません。独立した報道も同じ結論に至り、他のいくつかの同種製品と比べるとできることの範囲は狭いが、自由に手を入れられる選択肢はそれなりに揃っていると記しています。

実験であること、そしてそれが意味すること

この製品はずっとGoogle Labsの取り組みのままです。Labsは考えを公開の場で試すために存在しており、それは画面も機能も利用できるかどうかも変わりうること、そして正式に支援される製品が持つ保証は伴わないことを意味します。2026年3月の公開は画面をまるごと作り直すものでした。歓迎すべきことですが、同時に大きな変化がここでは普通だと示してもいます。

Googleの一般規約はサービスが時とともに変わると述べており、この製品には公表されたサービス水準の約束も、専用の問い合わせ窓口も、文書サイトもありません。気軽に使う分や探索する分には大した問題になりませんが、これを軸に手続きを組み立てようとする組織にとっては、そこが中心的な危険です。

独立した利用者満足度の資料が存在しない

商用の設計道具と違い、この製品には独立した利用者評価の蓄積がほとんどありません。無料で調達の手続きも要らないため、そうした資料がたまる企業調達を軸にした評価の場に現れず、今回の調査でも実質的な標本のある独立した評価記録は見つかりませんでした。

ここには具体的な警告が要ります。この製品の評価を検索すると、評価のように見えて実際は検索向けに書かれた記事か競合製品まわりの宣伝であるページが大量に返ってきます。書き手の名もなく、試験の方法も明かされていません。そのうちいくつかは具体的な数字、とりわけ利用量の上限を示していますが、それらはどのGoogleの資料にもたどれません。本稿で数字を書いていない箇所は、調査を途中でやめたからではなく、確かめられる数字が見つからなかったからです。

使える本物の普及の手がかりは、公式の技能リポジトリを直接測った値だけです。星8.2千と分岐1.1千。これは開発者がその連携面に実際の関心を寄せていることを示しますが、デザイナーが成果物の質に満足しているかについては何も語りません。

成果物は出発点であって納品物ではない

Google自身の位置づけに従えば、生成された画面は下書きとして扱うべきです。利用しやすさの義務や商標上の要件や例外的な状態が関わる部分には、この道具が担うようには設計されていない別の作業が必要です。生成されたフロントエンドのコードも同じく、あらゆる生成コードが本番に入る前に受けるべき確認を受ける必要があります。

編集の深さは設計上の割り切りに縛られる

この製品は細かい操作より、生成と再生成に重きを置いて最適化されています。特定の要素を正確に整えることはこの画面が中心に据えていることではなく、Figmaやコードへ引き渡す通路が存在する理由もそこにあります。ほぼ仕上がった設計に小さく正確な修正を一つ加えるのが目的なら、これは道具の連なりの中で誤った段階です。

モデルの挙動には揺れがある

成果はどのGeminiのモデルを選んだかに左右され、あらゆる生成の仕組みと同じく、同じプロンプトでも実行のたびに結果が変わります。以前の出力をそのまま再現できる保証はありません。設計エージェントが持つ案件全体の文脈は、案件の内側ではこれを和らげますが、なくしはしません。

データの扱いはGoogleの一般方針に従う

今回の調査では、この製品に固有の個人情報に関する補足文書は見つかりませんでした。データの扱いはGoogleの一般利用規約と個人情報保護方針の下に置かれ、方針はGoogleの各サービスで個人情報をどう扱うかを説明すると述べ、利用者がアップロードした内容の知的財産権を保持し続けると明記しています。厳しい守秘義務を負う組織は、製品固有の約束を期待するのではなくこれらの一般方針に基づいて評価すべきであり、この製品についてそうした約束が公表されていない点も併せて考えるべきです。

よくある質問(FAQ)

Q1. これは本当にGoogleが作ったものですか

そうです。GoogleがI/O 2025で公開したGoogle Labsの製品で、Google自身のドメインであるwithgoogle.comで動き、公式の技能リポジトリはgoogle-labs-codeという組織の下にあります。Googleの名を借りた第三者の道具ではなく、自社の製品です。

Q2. 費用はいくらですか

無料のGoogle Labsの実験的な取り組みとして提供されています。どのGoogleの資料も購読の等級や価格を公表していません。利用量の上限は存在しますが、Googleが具体的な値を公開していないため、第三者が示す数字に頼らず製品の中で確かめてください。

Q3. Figmaの代わりになりますか

なりません。しかもGoogleが直接そう述べています。Googleの製品担当者はFigmaやAdobe XDのような完全な設計基盤になるつもりはないと述べており、Figmaへ貼り付ける機能が組み込まれているのも、作業がそちらで続くようにするためです。

Q4. 入力として何を渡せますか

配色や体験の方向まで含む平易な言葉の説明、ホワイトボードのスケッチや画面写真やワイヤーフレームといった画像、参考のコード、そして任意のアドレスから抽出したりDESIGN.mdのファイルから読み込んだりした設計体系です。

Q5. 設計を開発へどう渡しますか

経路は四つあります。Figmaへの貼り付け、フロントエンドのコードの書き出し、MCPサーバーとソフトウェア開発キットによる接続、そしてAI StudioやAntigravityを含む開発者向けツールへの直接の書き出しです。

Q6. 背後で動いているAIモデルは何ですか

GoogleのGemini系のモデルであり、能力と速さを取り替えられるようGemini 2.5 ProとGemini 2.5 Flashのあいだで選べることが文書に残っています。

Q7. DESIGN.mdとは何ですか

設計の規則を収めたエージェントに優しいmarkdownのファイルで、案件のあいだや他の設計・開発ツールとのあいだで書き出したり読み込んだりできます。純粋なmarkdownなので差分の比較がしやすく、他のエージェントも読めます。

Q8. 押して進める試作は作れますか

作れます。画面をつないで再生の操作で対話的な流れとして先に確かめられ、押した箇所をもとに筋の通る次の画面を自動でつくります。

Q9. これを軸に組織の作業の流れを組んでも安全ですか

慎重に進めてください。公表されたサービス水準の約束も専用の問い合わせ窓口もない実験的な取り組みであり、2026年3月に大きく作り直されました。探索に使うのは適していますが、構造的に依存することは、自覚のうえで引き受ける危険として扱うべきです。

Q10. 以前はGalileo AIという名前でしたか

その以前の独立した製品のドメインであるusegalileo.aiはいまこの製品へ転送され、継続性を直接裏づけています。Googleは買収そのものの詳細を公表しておらず、二次的な説明も食い違うため、その転送以外の具体的な事情は本稿では述べません。

類似のツールをご存知ですか?
他の素晴らしいAIツールをご存知でしたら、ぜひ私たちに提出してください