Google Stitch

プロダクト概要

Google Stitchは、Google Labsの実験的なAI搭載UIデザインツールで、2025年5月20日のGoogle I/Oでローンチされました。シンプルなテキストプロンプトや画像入力（スケッチ、スクリーンショット、ワイヤーフレームなど）を、Gemini 2.5 ProまたはFlashモデルを活用して、複雑でレスポンシブなUIデザインとモバイル/ウェブアプリ用のフロントエンドコードに数分で変換し、シームレスなアイデア創出とプロトタイピングを実現します。デザインと開発のワークフローを橋渡しするよう設計され、Figmaのような完全なツールを置き換えることなく、初期コンセプトの迅速な「バイブコーディング」に焦点を当てています。 プロンプトベースの生成：自然言語でアプリを記述（例：「アーシートーンの読書家向けモバイルUI」）するか、画像をアップロードして、レイアウト、コンポーネント、スタイルを備えたカスタマイズされたインターフェースを自動生成。 バリアントの探索：実験用に複数のデザインバリエーションを生成し、洗練のためのインタラクティブチャットとカスタマイズ用のテーマセレクターを備えています。 コードとエクスポートオプション：IDE統合用のクリーンなHTML/CSSコードを出力し、デザインをFigmaに直接貼り付けてコラボレーションとさらなる編集が可能。 モデル選択：Gemini 2.5 Pro（詳細）またはFlash（高速）を選択し、速度と品質のバランスを取れます。 今後の機能強化：まもなく、スクリーンショットに注釈を付けて要素を変更できるようになり、反復機能が拡張されます。

label.best_for

コード と エクスポート Options: Outputs クリーン HTML/CSS コード のための IDE 統合; 貼り付け デザイン directlyにFigma のための コラボレーション と further 編集. Model Selection: Choose between Gemini 2.5 プロ (detailed) または Flash (faster) のための balanced speed と quality. Upcoming Enhancements: すぐに, annotate screenshotsにmodify elements, expanding iterative capabilities.

主な機能

• プロンプト-ベース Generation: Describe apps で 自然言語 (e.g., "bookworm モバイル UI を使った earthy tones") または アップロード 画像にauto-生成 tailored interfaces を使った layouts, コンポーネント, と styles.
• Variant Exploration: Produce 複数 デザインする variations のための experimentation, を使った インタラクティブ chat のための refinements と theme selectors のための カスタマイズ.
• コード と エクスポート Options: Outputs クリーン HTML/CSS コード のための IDE 統合; 貼り付け デザイン directlyにFigma のための コラボレーション と further 編集.
• Model Selection: Choose between Gemini 2.5 プロ (detailed) または Flash (faster) のための balanced speed と quality.
• Upcoming Enhancements: すぐに, annotate screenshotsにmodify elements, expanding iterative capabilities.