Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.
#1Magic Patterns: プロンプトからコード準備の整ったUIコンポーネントを素早く生成しますが、高度なマルチ画面ユーザーフロー管理機能はありません。 Magic Patterns は月間 193,614 訪問、前月比成長率 -9.6%、料金体系フリーミアムを記録しています。Stitch は月間 4,725,324 訪問、成長率 -13.9%、料金体系フリーミアムを記録しています。
プロンプトを本番品質のUIに変えるAIネイティブ設計ワークスペース
| 項目 / 指標 | ![]() | |
|---|---|---|
| 公式ドメイン | magicpatterns.com | stitch.withgoogle.com |
| 料金モデル | フリーミアム | フリーミアム |
| 月間訪問数 | 19.36万 (193,614) | 472.53万 (4,725,324) |
| 前月比トラフィック増減 | -2.06万 (-9.6%) |
| -76.03万 (-13.9%) |
| 主要市場とシェア | 🇺🇸 アメリカ合衆国 (27.1%) | 🇮🇳 インド (18.8%) |
|---|
| 月間ダイレクト訪問数 | 10.4万 | 240.03万 |
|---|
| ユーザー評価 | 4.4 | 4.4 |
|---|
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
|---|
プロンプトを本番品質のUIに変えるAIネイティブ設計ワークスペース
プロンプト、プロダクト要件、機能アイデアを数分でハイファイなUIデザインに変換し、確定前に複数の方向性を検討できます。
コンポーネントとデザインルールを取り込むことで、生成される案が汎用的なAIデザインではなく自社スタイルに従います。
PRD、リポジトリ、参考資料を一か所に集め、複数の方向性を並べて比較し、設計の流れ全体を一つの画面で管理できます。
マルチプレイヤー編集により、デザインとエンジニアリングが同時に編集・共有・レビューでき、レビュー工程とハンドオフの摩擦を減らします。

プロンプトからモバイル・WebのUIデザインを生成するGoogleのAIツール
アプリ画面を自然言語で説明すると、モバイルとWebのレイアウトを含む複数の完全なUIデザインを生成します。
スケッチやスクリーンショット、既存画面をアップロードすると、対応するデザイン解釈を生成します。
追加プロンプトでレイアウト、カラーテーマ、コンポーネントを変更し、最初からやり直さずに反復できます。
デザインと開発の受け渡しに適した書き出しで、生成したデザインを実装へ進められます。
Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.
#1テキストプロンプトから直接高品質なフロントエンドコードを生成しますが、純粋なデザイナーというより開発者向けツールとしての性格が強くなっています。

同様に編集可能なワイヤーフレームやモックアップを生成しますが、デザインシステムやFigmaとの連携がより強力です。

Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.

スケッチやテキストプロンプトをワイヤーフレームに変換しますが、本番用コードの生成よりもラピッドプロトタイピングに重きを置いています。

PRDやプロンプトからマルチ画面のインタラクティブなプロトタイプを構築しますが、エクスポート可能なコードにより重点を置いています。

スクリーンショットやスケッチからUIワイヤーフレームを起こすのが得意で、AI支援付きの従来のワイヤーフレーム作成インターフェースを提供します。

特化型Sleek is an AI mobile app designer: describe your idea or paste a spec, and it designs every iOS and Android screen in one consistent style, ready to edit, export to Figma or hand to a coding agent.

Converts URLs and sketches into Figma-ready layouts, prioritizing design handover over standalone app generation.

特化型AIコーディングエージェントのために作られたデザインキャンバス
Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.
同様に編集可能なワイヤーフレームやモックアップを生成しますが、デザインシステムやFigmaとの連携がより強力です。
Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
スクリーンショットやスケッチからUIワイヤーフレームを起こすのが得意で、AI支援付きの従来のワイヤーフレーム作成インターフェースを提供します。
特化型Sleek is an AI mobile app designer: describe your idea or paste a spec, and it designs every iOS and Android screen in one consistent style, ready to edit, export to Figma or hand to a coding agent.
Converts URLs and sketches into Figma-ready layouts, prioritizing design handover over standalone app generation.
特化型AIコーディングエージェントのために作られたデザインキャンバス