Google Stitch

Google Stitch

その目標は、「デザイン+開発」のプロセスをより緊密に統合することです。テキストプロンプトや画像/スケッチ/スクリーンショットを通じてアイデアを入力すると、Stitchがユーザーインターフェース(UI)デザインを生成し、フロントエンドコード(HTML/CSS)をエクスポートします。さらに、Figmaへのエクスポートもサポートし、継続的なデザインの反復を可能にします。

free
自然言語プロンプト生成UIマルチモーダル入力サポート(テキスト + 画像)デザイン+コードの融合AI 生成 UI設計支援ツール
登録日
更新日
5.0 (0 レビュー数)

ログイン後に評価できます

主な機能 / 特徴


1、テキストプロンプトからの UI 生成


ユーザーが英語で必要なインターフェース(レイアウト、色、コンポーネントなど)を記述すると、Stitch はそれらのプロンプトに基づいて UI インターフェースデザインを生成します。


2、画像 / スケッチ / スクリーンショット → UI


ユーザーは手描きのスケッチ、ホワイトボードの下書き、既存のインターフェースのスクリーンショットなどをアップロードでき、Stitch はこれらの視覚的入力をデジタル UI デザインに変換します。


3、複数バージョン / マルチバリアント生成


同じプロンプト / 入力に対して、Stitch は複数のデザイン候補バージョンを生成し、ユーザーが比較・選択できるようにします。


4、編集 / 反復


初期デザインが生成された後、さらなるテキストプロンプトやビジュアルツールを使用して、インターフェース要素(色、ボタン、レイアウトなど)を修正できます。


5、エクスポート / 出力


Figma へのエクスポート:生成されたインターフェースは Figma に貼り付け / インポートでき、レイヤー構造と Auto Layout が保持されます。


フロントエンドコード (HTML / CSS) のエクスポート:Stitch はフロントエンドの出発点として利用可能なコードを出力でき、開発者がその上で機能の実装を継続できるようにします。


6、モデル / AI バックエンド


Stitch は Google の Gemini AI モデルを利用しており、ユーザーはデザインとコード生成を駆動するために異なる能力バージョン(Gemini 2.5 Pro / Flash など)を選択できます。


よくある質問

Google Stitchとは?

その目標は、「デザイン+開発」のプロセスをより緊密に統合することです。テキストプロンプトや画像/スケッチ/スクリーンショットを通じてアイデアを入力すると、Stitchがユーザーインターフェース(UI)デザインを生成し、フロントエンドコード(HTML/CSS)をエクスポートします。さらに、Figmaへのエクスポートもサポートし、継続的なデザインの反復を可能にします。

Google Stitchは無料ですか、有料ですか?

Google Stitchは無料で利用できます。

もっと見る

オープンソース代替

Monty:Rustで書かれたミニマルなPythonインタプリタ

Montyは、PydanticチームがRustで開発したミニマルなPythonインタプリタで、大規模言語モデル(LLM)が生成したコードを安全に実行するために設計されており、起動時間はマイクロ秒単位です。このプロジェクトはMITライセンスで提供され、現在はRustを主要なプログラミング言語としています。

Vibecraft

Vibecraftは、AnthropicのClaude Code専用に設計された3D可視化・マルチタスクオーケストレーションツールです。平たく言えば、真っ黒なターミナルでAIがコードを書く様子を眺めるのが退屈だと感じるなら、Vibecraftはそれらのバックグラウンドプロセスを3Dシーン内の「小さなアシスタント」に変えてくれます。Webインターフェースと3Dモデルを通じて、複数のClaudeインスタンスを同時に起動でき、まるでシミュレーションゲームをプレイするかのように、各AIアシスタントが何をしているかをリアルタイムで確認できます——思考中なのか、コードをリファクタリング中なのか、それともエラーに遭遇しているのかが一目瞭然です。

OpenCLI

OpenCLIのようなプロジェクトは典型的で、インターフェースを作らず、AIの機能を直接ターミナルに組み込むものです。一般ユーザー向けではなく、ターミナルを使い慣れた人々に向けたものです。