Generative UI: tipos e aplicações para agentes de IA
por Fabricio Telles··design.app.br
Generative UI não é um conceito só — são três coisas diferentes
Quando alguém fala “Generative UI”, parece uma coisa só. Não é. A CopilotKit separou isso em três padrões que funcionam de formas completamente distintas. Eu demorei um tempo pra entender que a confusão começa aqui — gente misturando os três como se fossem a mesma coisa.
Static: gera e congela
O mais simples. A IA gera a interface e pronto — ela não muda mais. Um instantâneo. Você pede “me dá 5 variações de layout pra essa landing page” e recebe 5 opções estáticas. É prototipagem rápida, basicamente.
Na prática, isso já funciona bem pra:
- Testar variações de layout sem abrir o Figma
- Gerar templates personalizados por marca/público
- Criar variantes pra testes A/B sem designer manual
O Impeccable e o Taste Skill operam nesse modelo. Você pede, recebe, ajusta na mão se precisar.
Open-Ended: gera e continua gerando
Aqui fica interessante — e mais assustador. A interface não tem estado final. Ela se adapta continuamente ao que o usuário faz. Dashboard que reorganiza widgets conforme o uso. Assistente que muda o layout da conversa conforme o contexto. Loja que muda a vitrine em tempo real.
O problema óbvio: como debugar algo que nunca para de mudar? Como manter consistência visual quando a IA tá tomando decisões sozinha? Eu ainda não vi ninguém resolver isso de forma elegante.
Declarative: o meio-termo
Você descreve o que quer num nível alto — “quero um form de contato com validação e feedback visual” — e o sistema se encarrega de renderizar e manter. Combina a flexibilidade da geração com a previsibilidade de um modelo declarativo.
É o que mais se parece com o futuro de Design Systems: você declara a intenção, e o sistema cuida da implementação em cada plataforma, cada breakpoint, cada tema.
Onde cada um faz sentido
| Tipo | Quando usar | Risco |
|---|---|---|
| Static | Protótipos, variações, templates | Baixo — você controla |
| Open-Ended | Dashboards adaptativos, assistentes | Alto — debug difícil |
| Declarative | Design Systems, cross-platform | Médio — depende da abstração |
O que me pega: a maioria das ferramentas hoje opera no Static e vende como se fosse Open-Ended. Fica a dica pra filtrar marketing de realidade.
Fontes: CopilotKit — Generative UI