一覧へ戻る
💡事例

Google Stitch: Real-Time AI-Native UI Design

Google Labs
2026-05

概要

Google LabsのStitchは、chat-onlyなcoding demoではなく、design-time GenUIの強い事例です。2026年5月19日の公式updateでは、Stitchをlive collaborative design systemとして説明しており、Agentがinfinite canvasへUI作業をstreamし、ユーザーが完了前に方向づけを行い、結果のscreenをproductionへhandoffできます。生成AI UIデザインやAI駆動UIを実際のdesign workflowへ接続するケースとしても価値があります。

要約

Stitchを収録する理由:

1. Design-time GenUI: runtime chat interfaceだけでなく、AI-native design workflowまで範囲を広げる
2. Streaming canvas: interface生成を見える、操作できるlive processとして示す
3. Human steering: final resultが固まる前に、ユーザーがiterationを誘導できる
4. Production handoff: promptベースのUI作成と下流の実装/exportを接続する
5. 一次情報の強さ: AI-generated interface workがdesign toolingへ上流化している公式事例

タグ

googlestitchdesign-toolreal-time

関連記事

💡事例

Google Gemini 3 - Dynamic View & Visual Layout

GoogleはGemini 3でGenerative UI機能を実装しており、社内ではDynamic ViewやVisual Layoutとして扱われています。Google公式blogによると、Gemini 3 AI Modeはユーザーの質問に応じてimmersive visual layout、interactive tool、simulationをその場で生成し、Dynamic Viewではpromptごとにcustom interactive responseを設計してcode化できます。

googlegeminidynamic-view
by Google · 2025-11
サイトを見る
💡事例

Google Search AI Mode

Gemini 3がSearchに入ったことで、AI ModeにもGenerative UI体験が追加されています。Google Searchチームは、Gemini 3 in Searchがユーザーの質問に合わせて理想的なvisual layout、interactive tool、simulationを動的に作れると説明しています。複雑な概念を検索したときに、テキスト回答だけでなく動的chartやparameter調整可能なcalculatorを表示できる点が重要です。

googlesearchai-mode
by Google · 2025-11
サイトを見る
💡事例

OpenAI Apps SDK: ChatGPT内のinteractive apps

OpenAIが2025年10月に発表したApps SDKは、mainstreamなGenerative UI事例です。appsがChatGPTの会話内に直接入り、natural languageに応答しながら、map、playlist、presentation、course、shopping、travelなどのinteractive interfaceをchat内でrenderします。Apps SDKはMCPを拡張し、developerがapp logicとinterfaceの両方を定義できるため、外部appへのlinkではなくnative-feeling UIを持つ会話型productの参照例になります。

openaichatgptapps-sdk
by OpenAI · 2025-10
サイトを見る

Generative UI、GenUI、生成AI UIデザインの厳選リソース集。

Made with ❤️ community