studio seu.
Área do cliente
/
Iniciar um projeto
Etapa 1 de 4

O que você tem em mente?

Selecione tudo que se aplica.

Voltar ao blog
WebdesignEstrategiaSistemaUI/UX

Vibe coding em 2026: o que eu faço quando o cliente chega com o site já pronto feito por IA

por Felipe Mota · 26 de agosto de 2026 · 6 min de leitura

Resposta direta: quando um cliente me manda um site gerado por IA em uma tarde, eu não jogo fora e nem publico do jeito que está. Eu trato aquilo como um briefing muito mais rico do que um PDF de referências: aproveito a estrutura e as decisões de produto que já estão ali, e refaço marca, arquitetura de conteúdo, performance e acessibilidade, que é exatamente onde o gerador entrega o mínimo. Aqui no Studio Seu, vibe coding virou o começo do projeto, não o fim dele.

O que é vibe coding, e por que ele chegou no meu e-mail em 2026

Vibe coding é descrever em linguagem natural o que você quer e deixar a IA escrever o código. Era conversa de laboratório há dois anos, hoje é rotina comercial. O Lovable passou de 8 milhões de usuários em cerca de um ano, gera código React exportável e já configura autenticação e banco no Supabase sozinho. O v0, da Vercel, deixou de ser um gerador de componente solto: na atualização de fevereiro de 2026 ganhou integração com Git, editor no estilo VS Code e conexão direta com banco de dados. O Figma Make transforma um arquivo de design em protótipo que se mexe. Bolt e Replit disputam o mesmo terreno.

O efeito prático na minha rotina foi imediato. O cliente não chega mais com uma pasta de inspirações, ele chega com um link que abre, tem menu, tem formulário e às vezes tem login funcionando. Na minha experiência, isso mudou a primeira reunião inteira: em vez de discutir se o site precisa de uma seção de prova social, a gente discute por que a seção que a IA escreveu não convence ninguém.

Por que eu não trato o protótipo de IA como ameaça

Vou ser honesto: a primeira vez que recebi um desses, minha reação foi defensiva. Hoje eu prefiro receber. Um protótipo gerado por IA me entrega, de graça, três coisas que antes custavam duas semanas de reunião: o cliente já decidiu quantas páginas quer, já escolheu a ordem das seções e já viu na tela que a ideia dele cabe. Discutir sobre algo que existe é muito mais rápido do que discutir sobre algo imaginado.

Os números do mercado acompanham isso. Levantamentos de 2026 mostram que a maioria esmagadora dos designers web já usa IA em alguma etapa do trabalho, e boa parte considera que a ferramenta virou item básico, não diferencial. Quem finge que o cliente não tem acesso ao mesmo botão está atrasado na conversa.

Os três problemas que eu sempre encontro num site gerado por IA

1. A marca fica genérica, mesmo quando o layout está bonito

Esse é o padrão. O gerador entrega composição correta, espaçamento razoável e um tom de voz que serve para qualquer empresa do mundo. Falta o que faz alguém lembrar de você depois de fechar a aba: uma escolha tipográfica com opinião, uma paleta que não é a mesma de outros dez mil sites, um texto que soa como uma pessoa específica falando. Marca é decisão, e modelo estatístico tende à média.

2. A arquitetura não tem dono

O site funciona na demonstração e trava no segundo mês. Componentes duplicados com nomes parecidos, estilos repetidos, nenhuma fonte única de verdade para cor e espaçamento. Quando chega a hora de criar a décima página ou de trocar o verde da marca, alguém precisa abrir vinte arquivos. Eu costumo refazer essa camada antes de qualquer coisa visual, porque é ela que decide o custo dos próximos dois anos.

3. Performance e acessibilidade entram por último, ou não entram

É o que mais vejo. Imagem gigante servida em tamanho original, animação em JavaScript onde o CSS moderno de 2026 já resolve nativamente com animações guiadas por rolagem, contraste insuficiente, formulário sem rótulo de verdade, foco de teclado invisível. Nada disso aparece na demonstração de trinta segundos, e tudo isso aparece na conta do tráfego pago e na experiência de quem navega por teclado ou leitor de tela.

Como eu trabalho a partir de um protótipo de IA

Meu processo mudou pouco na essência e muito na ordem. Primeiro eu leio o protótipo como documento de intenção: anoto o que o cliente pediu implicitamente, seção por seção. Depois eu separo o que fica de pé, normalmente a estrutura de navegação e o fluxo principal, do que vai ser reescrito, normalmente todo o texto e toda a identidade.

  • Extraio o sistema: transformo o amontoado de estilos em tokens de cor, tipografia e espaçamento, com nomes que uma pessoa entende.
  • Reescrevo a voz: o texto gerado vira rascunho, nunca versão final. Marca que fala como todo mundo não é lembrada por ninguém.
  • Devolvo peso à imagem: formatos modernos, tamanhos corretos, e vídeo só onde ele vende alguma coisa.
  • Fecho acessibilidade e performance antes do lançamento: essa parte não é polimento, é requisito.

Quando eu digo para começar do zero

Existe um caso em que eu recomendo abandonar o protótipo: quando o cliente vai construir produto, não site. Se a coisa tem regra de negócio, permissão de usuário e dado sensível, o código gerado sem supervisão vira dívida cara rápido demais. Nesses projetos eu uso IA no meu lado da mesa, para acelerar a implementação, mas a arquitetura precisa ser decidida por gente que vai manter aquilo depois.

Perguntas frequentes

Vibe coding substitui um estúdio de design?

Não, mas substitui a parte mais mecânica do trabalho. O que sobra para o estúdio é justamente o que a IA não faz sozinha: posicionamento, decisão de marca e responsabilidade técnica pelo que vai ao ar.

Posso publicar direto o site que a IA gerou?

Pode, se for uma página temporária de campanha ou um teste de ideia. Para o site principal de uma empresa que depende de busca e de reputação, eu não recomendo sem uma revisão de conteúdo, acessibilidade e desempenho.

O código gerado serve como base para o projeto final?

Às vezes sim, às vezes vira só referência. Ferramentas como Lovable e v0 já exportam código organizado o suficiente para aproveitar, mas a decisão depende do tamanho do projeto e de quem vai manter.

Levar um protótipo pronto reduz o preço do projeto?

Reduz o tempo de definição, e isso aparece no cronograma. O esforço de marca, texto e engenharia continua o mesmo, porque é ali que está o valor que o gerador não entrega.

O que eu levo dessa mudança

Eu gosto do mundo em que o cliente chega com alguma coisa na mão. Isso empurra o meu trabalho para onde ele sempre deveria estar: escolher, cortar, dar opinião e assumir a responsabilidade pelo resultado, em vez de montar caixinha. A IA acelerou a produção e, com isso, tornou a decisão mais valiosa.

Se você gerou um site e sentiu que faltou alguma coisa, provavelmente faltou marca. Me chame para conversar, eu gosto de olhar o que já existe antes de propor qualquer coisa nova.

O próximo
Vamos construir o seu.
Continue lendo
26 de agosto de 2026 · 6 min de leitura
Comércio agêntico em 2026: como preparo uma loja para vender quando quem compra é um agente de IA
24 de agosto de 2026 · 6 min de leitura
Acessibilidade digital em 2026: por que parei de deixar isso para o fim do projeto
23 de agosto de 2026 · 6 min de leitura
HDR na web em 2026: por que a imagem da sua marca brilha demais na tela do cliente