💡

Casos de Generative UI - Aplicações Reais de Interface com AI

Explore implementações reais de Generative UI, GenUI e UI Gerativa, incluindo Google Gemini Dynamic View, Vercel v0, Amazon Rufus e UI para Agentes de IA. Veja como produtos usam AI para gerar interfaces dinâmicas e personalizadas.

12 itens
💡Casos

Google Stitch: design de UI AI-native em tempo real

O Stitch, do Google Labs, é um caso forte de GenUI em tempo de design, e não apenas uma demo de código dentro de chat. Na atualização oficial de 19 de maio de 2026, o Google descreve o Stitch como um sistema de design colaborativo ao vivo, em que um agente transmite o trabalho de UI diretamente para uma tela infinita, permite que usuários orientem as iterações antes de terminarem e exporta as telas resultantes rumo à produção.

googlestitchdesign-tool
por Google Labs · 2026-05
Visitar site
💡Casos

Google Gemini 3 - Dynamic View e Visual Layout

O Google implementou recursos de Generative UI no Gemini 3, chamados internamente de experimentos "Dynamic View" e "Visual Layout". Segundo o blog oficial do Google, o AI Mode do Gemini 3 pode gerar layouts visuais imersivos, ferramentas interativas e simuladores, criando interfaces sob demanda a partir das perguntas do usuário. Dynamic View permite que o Gemini 3 desenhe e programe uma resposta interativa totalmente personalizada para cada prompt, enquanto Visual Layout gera interfaces multimídia imersivas em estilo de revista.

googlegeminidynamic-view
por Google · 2025-11
Visitar site
💡Casos

Google Search AI Mode

Com o lançamento do Gemini 3 na busca, o AI Mode passou a incluir experiências de Generative UI. A equipe do Google Search afirma que o Gemini 3 na busca consegue criar dinamicamente layouts visuais ideais com ferramentas interativas e simulações, ajustando a interface à pergunta do usuário. Por exemplo, ao pesquisar conceitos complexos, as pessoas não recebem apenas respostas em texto: também podem ver gráficos dinâmicos ou simuladores, como calculadoras com parâmetros ajustáveis em tempo real.

googlesearchai-mode
por Google · 2025-11
Visitar site
💡Casos

OpenAI Apps SDK: apps interativos dentro do ChatGPT

O lançamento do Apps SDK da OpenAI em outubro de 2025 é um caso mainstream de Generative UI porque os apps agora vivem diretamente nas conversas do ChatGPT. O anúncio oficial descreve apps que respondem à linguagem natural e renderizam interfaces interativas dentro do chat, incluindo mapas, playlists, apresentações, cursos, compras e experiências de viagem. O SDK estende o MCP para que desenvolvedores definam tanto a lógica do app quanto a interface, tornando-se uma referência concreta para produtos conversacionais que precisam de UI nativa, em vez de apenas links para outro app.

openaichatgptapps-sdk
por OpenAI · 2025-10
Visitar site
💡Casos

Claude Artifacts: apps com AI compartilháveis

A atualização do Claude Artifacts da Anthropic, em julho de 2025, transforma o painel de artifacts em uma superfície leve de apps. Claude pode criar artifacts que chamam Claude por meio de uma API, hospedá-los e torná-los compartilháveis enquanto usuários finais autenticam com suas próprias contas Claude. É um caso útil porque a UI gerada se torna persistente, editável e utilizável por outras pessoas, não apenas uma prévia pontual ao lado do chat.

anthropicclaudeartifacts
por Anthropic · 2025-07
Visitar site
💡Casos

Figma Make: prototipagem prompt-to-app

Figma Make ficou disponível para todos os usuários em julho de 2025 e é um dos casos mais claros de Generative UI em ferramentas de design. A Figma o descreve como uma ferramenta prompt-to-app para criar protótipos interativos de alta fidelidade e web apps, com suporte mais recente a bibliotecas de design importadas e protótipos conectados ao Supabase. Ele pertence à coleção de casos porque mostra GenUI subindo para descoberta de produto, alinhamento e colaboração entre design e engenharia.

figmafigma-makeprompt-to-app
por Figma · 2025-07
Visitar site
💡Casos

Canva Code: elementos de design interativo por prompt

Canva Code é um forte caso de Generative UI em uma plataforma de criação. No Canva Create 2025, a Canva apresentou um workflow em que usuários descrevem um elemento interativo, como calculadora de preços, quiz ou mini-game, e a AI o constrói diretamente dentro do Canva. O elemento gerado pode então ser reutilizado em designs, sites, apresentações, docs e outras superfícies do Canva, levando GenUI ao trabalho criativo cotidiano de pessoas que não programam.

canvacanva-codeinteractive-design
por Canva · 2025-04
Visitar site
💡Casos

Amazon Rufus - assistente de compras conversacional

A Amazon lançou o assistente de compras conversacional "Rufus", que gera diretamente interfaces baseadas em intenção, como cards de recomendação de produtos e opções de filtro, por meio da conversa, rompendo com o modelo tradicional de busca por palavras-chave.

amazonrufuse-commerce
por Amazon · 2024-02
Visitar site
💡Casos

v0 by Vercel

O v0.dev da Vercel, em beta desde 2023, consegue transformar prompts curtos de texto em protótipos frontend interativos. Ele gera componentes React/Tailwind a partir de descrições textuais ou imagens, mostrando o potencial da geração text-to-UI.

vercelcode-generationreact
por Vercel · 2023-10
Visitar site
💡Casos

GitHub Spark: apps full-stack por linguagem natural

GitHub Spark é um caso em public preview de geração prompt-to-app dentro do ecossistema GitHub. Ele ajuda usuários a transformar ideias em apps inteligentes full-stack, iterar com linguagem natural, controles clicáveis ou código, ver previews ao vivo durante a construção e publicar com um clique em hospedagem apoiada pelo GitHub. Para Generative UI, o Spark chama atenção porque trata UI gerada por AI como parte de um mini app implantável, com autenticação, handoff para repositório e contexto de workflow de produção.

githubsparkfull-stack
por GitHub
Visitar site
💡Casos

Vercel AI SDK - Generative UI

O Vercel AI SDK permite fazer streaming de componentes React a partir de LLMs, possibilitando que a AI gere componentes de UI interativos em tempo real.

vercelreactstreaming
por Vercel
Visitar site
💡Casos

bracesproul/gen-ui - demo de Generative UI com LangChain.js

Um projeto demo open-source criado com LangChain.js e Next.js para mostrar como construir rapidamente aplicações de Generative UI. A descrição do projeto afirma: "This app is intended to provide a template for building Generative UI applications using LangChain.js".

langchainnextjsopen-source
por bracesproul
Visitar site

Uma lista curada de recursos de Generative UI.

Feito com ❤️ pela comunidade