Google Stitch
Google Stitch の機能・代替案・料金を横並びで比較
クレジットカード不要45個の無料クレジット
Google Stitch のデザイン出力と UX Pilot：並べて比較
同じプロンプトを両ツールで比較しています。
プロンプト 1：ミッドマーケット向け SEO プラットフォームの B2B ダッシュボード「コンテンツマーケターとグロースリードが使う、ミッドマーケット向け SEO プラットフォームのレスポンシブ Web アプリダッシュボードをデザインしてください。左ナビ、KPI カード、キーワード推移テーブル、競合可視化チャート、アラートパネル、クイックアクションを含めてください。派手すぎず洗練された印象で、明確な階層、高密度の情報設計、エンタープライズ SaaS としての信頼感を持たせてください。」 |   |   |
|---|---|---|
| デザイン品質 | すっきりしたレイアウト、統一感のある配色、整理されたサイドバーナビゲーション | サイドバーナビ、データ密度の高い KPI カード、コンポーネントの奥行きを備えた高忠実度のインターフェース |
| データ可視化 | 基本的なチャートのプレースホルダーと、情報密度に限りのある指標カード | 複数のチャート種別、トレンド表示付きキーワードテーブル、競合可視化グラフ |
| 機能の複雑さ | コアなダッシュボード要素は押さえつつ、レイアウトはややスカスカ | フィルター、エクスポート、通知、クイックアクションメニュー、データサマリーを含む |
| リリース準備度 | 出発点としては堅実だが、各セクションのビジュアル調整が必要 | 提示や機能仕様として使えるレベルの細部と仕上がりで、本番投入に耐える |
プロンプト 2：ウェルネスアプリ向けコンシューマー向けモバイルオンボーディング「25〜40 歳の多忙なビジネスパーソン向け、習慣化を支援するウェルネスアプリのモバイルオンボーディングフローを作成してください。ウェルカム、目標選択、希望リマインダー時間、料金プレビューの画面を示してください。温かく落ち着いたビジュアル、アクセシブルなタイポグラフィ、さりげない喜びを用い、信頼・認知負荷の低さ・高い完了率を重視しつつ、ありきたりに見えないようにしてください。」 |     |         |
|---|---|---|
| 視覚的階層 | KPI カード、売上チャート、解約テーブルだけのミニマルなダッシュボード。サイドバーやフィルターなし。 | サイドバーナビ、KPI のスパークライン、売上チャート、解約テーブル、ドーナツチャート、キャンペーンの空状態を備えたフルダッシュボード。 |
| プロンプト遵守 | サイドバーとフィルターが欠落。KPI・売上・解約はあるが、求められた主要要素が抜けている。 | 要求された要素はすべてあり、プラン別加入者の内訳までプロンプトを上回る。 |
| リリース準備度 | ワイヤーフレームの出発点としては使える。ステークホルダーレビュー前に大幅な追加が必要。 | 機能仕様や開発引き渡しに適した、本番レベルのレイアウト。 |
プロンプト 3：プロジェクト管理ツールのデザインシステム一貫性「再利用可能なデザインシステムを持つプロジェクト管理ツールのデスクトップ UI を生成してください。タスク一覧ページ、プロジェクト概要ページ、タスク作成用モーダルを含めてください。ボタン、カード、タブ、バッジ、入力、空状態、トースト通知を一貫して定義してください。モダンでスケーラブルなインターフェースにし、エンジニアへの引き渡しに適したものにしてください。」 |  |  |
|---|---|---|
| デザイン品質 | UI 画面の前に、正式なデザインシステムを生成する | 一貫したコンポーネントスタイル、モダンなレイアウトパターン、視覚的な奥行き |
| 視覚的階層 | ページ構造は整っているが、生成レイアウトはテンプレ寄りになりがち | 機能ごとに明確な扱い分けがある、整理されたページ構成 |
| プロンプト遵守 | タスク一覧、プロジェクト概要、作成モーダルは要求どおりカバー | 空状態、トースト通知、パターンを含むすべての要素に対応 |
| リリース準備度 | 引き渡し資産としては優れるが、本番向けには画面の洗練が必要 | 実働仕様として十分な包括性と本番レベルの完成度 |
プロンプト 4：編集志向のビジュアルで高級旅行のランディングページ「高級旅行雑誌に着想を得たプレミアムで編集志向のビジュアルで、ブティック宿泊予約プラットフォームのランディングページをデザインしてください。ヒーロー検索、厳選目的地、注目物件、お客様の声、メンバーシップセクションを含めてください。美しいタイポグラフィ、強い画像プレースホルダー、高級感・落ち着き・コンバージョン志向のレイアウトを優先してください。」 |  |  |
|---|---|---|
| デザイン品質 | 品のあるタイポグラフィと抑えた配色のエレガントなレイアウト | 目的地カードと統一感のあるラグジュアリーな美学の、雑誌風デザイン |
| 視覚的階層 | 適切な余白のあるクリーンなセクションだが、定番パターンに沿う | フルブリードのヒーロー、目的地グリッド、大きな物件フィーチャー、お客様の声カード |
| フローの完成度 | ヒーロー、目的地、基本構造とデザインシステムはカバー | ヒーロー検索、フライト・ホテルセクション、レビュー、ニュースレター、ナビゲーション |
| プロンプト遵守 | クリーンなタイポと落ち着いたトーン、控えめな編集雑誌の雰囲気 | 要求セクションがすべて揃い、プロンプトに忠実 |
| リリース準備度 | トーンは合っているが、セクション追加とコンテンツ充填が必要 | 要求セクションとコンバージョン志向の CTA を備えた本番レベルのランディングページ |
プロンプト 5：オンライン診療予約のマルチ画面フロー「オンライン診療の予約のためのマルチ画面 Web フローを作成してください。医師検索結果、医師プロフィール、時間枠選択、患者情報、決済、確認を含めてください。不安を抱える初回利用者向けに、明確さと安心感を重視してデザインしてください。摩擦を抑え、医学的に信頼でき、アクセシブルで、次のステップと状態遷移が明確なフローにしてください。」 |  |  |
|---|---|---|
| デザイン品質 | 各画面で落ち着いた配色の、クリーンで医学的に信頼できる UI | HIPAA 準拠の注記、セキュリティバッジ、お客様の声を備えた信頼感のあるデザイン |
| フローの完成度 | 検索、プロフィール、スケジュール、確認をカバーする画面を生成 | ケアに関する免責のウェルカム、サインイン、問診検索、医師結果まで含む包括的な画面フロー |
| プロンプト遵守 | 主要な予約ステップはあるが、指定より少ない画面に圧縮されている | オンボーディングの安心感、ゲスト利用、問診スクリーニング、サポートを追加 |
| リリース準備度 | すべてのユーザー向け状態を含めるには拡張が必要な機能プロトタイプ | 十分な深さ、信頼シグナル、エッジケース対応を備えた本番レベルのフロー |
