ブックマークする
Stitch（スティッチ）とは？
Stitch（スティッチ）は、Googleが提供するAI UIデザイン・フロントエンド生成ツール（ベータ）です。テキストのプロンプトや画像から、モバイル／ウェブ向けの高品質なUIデザインと、対応するフロントエンドコードを数分で生成し、会話でのデザイン調整やFigmaへのエクスポートにも対応します。裏側ではGoogleのGeminiモデルが使われ、無料で利用でき、日本語プロンプトにも対応します。
解決する業務課題
「Stitch」のサービス詳細
Stitchとは
Stitch（スティッチ）は、Googleが提供するAI UIデザイン・フロントエンド生成ツールです（提供時点ではベータ）。作りたいアプリやサービスを言葉で伝える、あるいは画像を渡すだけで、モバイル／ウェブ向けの高品質なUIデザインと、それに対応するフロントエンドのコードを数分で生成します。デザイナーやエンジニアでなくても、アイデアを一気に「動く画面」まで持っていけるのが特徴です。
引用元: Stitch 公式サイト
使い方
作りたい画面を言葉や画像で伝えるところから始まります。
アプリ／ウェブを選ぶ
モバイルアプリ向けか、ウェブ向けかを選択します。
プロンプト／画像を入力
作りたい画面を文章で説明するか、スケッチ・参考画像を渡す。
UIとコードを生成
数分で高品質なUIデザインと、対応するフロントエンドコードが出力される。
調整して書き出す
会話でデザインを微調整し、コードのコピーやFigmaへのエクスポートで実装につなげる。
「アイデア→画面」の最初のたたき台づくりを大幅に短縮できるのが、Stitch の強みです。
主な機能
01テキスト・画像からUI生成
言葉での指示に加え、手描きのスケッチや参考UIの画像からもデザインを起こせます。ゼロから作るより速く、方向性を形にできます。
02アプリとウェブの両対応
モバイルアプリ向けのネイティブUIと、ウェブアプリ向けのUIの両方に対応。用途に合わせて切り替えられます。
03フロントエンドコードを出力
デザインだけでなく、対応するフロントエンドコードを生成。デザインからそのまま実装に進めます。
04会話で調整・Figmaエクスポート
生成後は会話でデザインを修正でき、Figmaへエクスポートして既存のデザインワークフローに取り込めます。裏側ではGoogleのGeminiモデルが使われ、標準モードとより高品質な実験モードを選べます。
料金
Stitch は無料で利用できます（Google Labs のベータ）。
料金は2026年8月時点の情報です。Stitch はベータ提供で、無料で使えます。裏側のモデルには標準モードとより高品質な実験モードがあり、月あたりの生成回数に上限が設けられています（上限はモードにより異なり、変更されることがあります）。最新の提供状況・制限は[公式サイト](https://stitch.withgoogle.com/)でご確認ください。
他のAI UI生成ツールとの違い
Stitch の持ち味は、Googleが手がけるツールで、テキスト・画像からUIデザインとフロントエンドコードの両方を出し、Figmaにも渡せる点です。デザインの初速に特化しています。
| 観点 | Stitch | 他のAI UI・コード生成 |
|---|---|---|
| 提供元 | Google（Google Labs） | 各社 |
| 出力 | UIデザイン＋フロントエンドコード | ツールにより偏りがある |
| 入力 | テキスト＋画像（スケッチ可） | テキスト中心が多い |
| 連携 | Figmaへエクスポート | 各社独自 |
| 料金 | 無料（ベータ） | 無料枠＋有料が一般的 |
プロンプトから動くWebアプリを作り込むなら v0、デザインテンプレートやバナー制作なら Canva が近い領域です。アイデアからUIのたたき台と実装コードを一気に作りたい場合に、Stitch は有力な選択肢です。
よくある質問（FAQ）
Q. Stitch は無料ですか？
はい。Google Labs のベータとして無料で利用できます。裏側のモデルにはモード別に月あたりの生成回数の上限があります。
Q. コードも出力されますか？
出力されます。UIデザインに加えて、対応するフロントエンドコードが生成され、Figmaへのエクスポートにも対応します。
Q. 画像からデザインを作れますか？
作れます。手描きのスケッチや参考にしたいUIの画像を渡すと、それをもとにデザインを生成できます。
Q. 日本語で使えますか？
使えます。プロンプトを日本語で書けるだけでなく、入力欄の案内文や「アプリ／ウェブ」の切り替えなど操作画面の表示も日本語化されています。ただしトップページの見出しやサジェスト文など、一部は英語のままです。
本ページの情報は2026年8月時点で公式サイトに公開されている内容にもとづきます。Stitch はベータ提供のため、機能・提供状況・制限は変更されることがあります。最新はStitch 公式サイトでご確認ください。
