Google Stitch を触ってみた──プロンプトからUIを生成するAIツールの現在地

「こんなアプリ画面、さっと作れたらな」と思ったことはありませんか？

デザインツールを開いて、パーツを並べて、色を調整して……それだけでかなりの時間がかかります。Google が2025年5月に発表した Stitch は、テキストで説明するだけでUIデザインを自動生成してくれるツールです。

今回はこのツールを実際に触ってみた感想を、かたてま目線でお伝えします。

かたてまポイント — まずここだけ読んで

Google Stitch とは

Google Stitch は、Google Labs が開発した AI 搭載のUIデザイン自動生成ツールです。テキストで「こんな画面が欲しい」と書くだけで、アプリやWebサービスのUI画面を自動で生成してくれます。生成物はHTMLコードとして出力したり、Figmaに直接エクスポートしたりすることもできます。

内部では Gemini を使っており、2つのモードがあります。

モード	使用モデル	特徴
Standard	Gemini 2.5 Flash	高速・シンプルなUIに最適
Experimental	Gemini 2.5 Pro	高品質・画像入力にも対応

2026年3月の大型アップデートで、無限キャンバス・音声入力・5画面同時生成など、大幅に機能が拡張されました。

実際の使い方（3ステップ）

Step 1: アクセスしてログイン

stitch.withgoogle.com にアクセスし、Googleアカウントでログインするだけ。インストール不要、完全ブラウザ動作です。

Step 2: テキストでUIを説明する

入力欄に作りたい画面のイメージを書きます。日本語でも入力できますが、英語の方が精度が高い傾向があります。

資格勉強の進捗を管理するスマホアプリのホーム画面。
今日のタスク、達成率グラフ、スタックランキングを表示する。
シンプルで落ち着いたデザイン。

Step 3: 生成・調整・エクスポート

数秒でUI画面が生成されます。気に入らない部分はテキストで追加指示して修正可能。完成したらHTMLコードとして書き出すか、Figmaにエクスポートできます。

できること・できないこと

こんな人に向いている

• アプリや Web サービスのアイデアを素早くプロトタイプ化したい
• デザインツールを使いこなせないが、画面イメージを共有したい
• LP や管理画面のたたき台を素早く作りたい
• AI ツールをとにかく触って試してみたい

逆に、デザインの細部まで作り込みたい場合や本番用のコードが必要な場合は、Figma・v0・Lovable などのツールとの使い分けが現実的です。

まとめ

Google Stitch は「アイデアをビジュアル化するスピードを劇的に上げてくれるツール」です。完成品を作るというよりも、ゼロからイチのたたき台を爆速で作るのに向いています。無料で試せるので、気になるアイデアがある方はぜひ一度触ってみてください。

最終更新: 2026年4月 ／ 出典: Google Labs, stitch.withgoogle.com