IA que recria um site a partir de um print: o que v0, Bolt e Lovable acertam (e o que só o arquivo original guarda)

v0, Bolt e Lovable leem um print e devolvem código com layout, cores e componentes parecidos. É um bom ponto de partida. Mas o print é uma foto: não contém animação, estados de hover, rolagem, shaders, fontes licenciadas nem a lógica do site. Isso só está no arquivo original.

O que essas ferramentas fazem com uma imagem?

Quem digita "clonar site com IA" quer saber, no fundo, se v0, Bolt ou Lovable dão conta. As três tratam a imagem de formas parecidas, com ênfases diferentes.

O v0, da Vercel, é o mais explícito. A documentação de screenshots do v0 diz que ele analisa layout, cores e componentes da imagem e gera código que reproduz o design de perto. O padrão de saída é shadcn/ui, com Next.js e Tailwind CSS.

O Bolt trata a imagem como referência. A página de anexos do Bolt mostra o uso de uma imagem anexada para ajustar cores, fontes e estilos ao visual dela. O Lovable, na documentação sobre imagens, sugere anexar um mockup para a IA reproduzir, com até 10 arquivos por mensagem.

Quanto custa e o que cada uma deixa de fora?

A tabela compara o que cada ferramenta promete fazer a partir de um print, o preço público e o que nenhuma imagem consegue transmitir.

Fontes: páginas oficiais de preço e documentação de v0, Bolt e Lovable, consultadas em outubro de 2026. Preços em dólar, sem impostos. A coluna "o que não reproduz" é análise da Brave Cross sobre o limite do insumo, não afirmação dos fabricantes.

Não incluímos índice de fidelidade visual porque não encontramos uma medição primária aberta que pudéssemos verificar. Os números que circulam vêm de resumos de terceiros.

O que um print não contém?

Essa é a parte que importa. A IA é boa no que a imagem mostra. O problema é tudo o que ela não mostra, e num site premiado isso é quase todo o trabalho.

• Animação. Um print é um quadro. A curva de entrada, o atraso entre elementos e a duração não estão lá. A IA vai sugerir um fade genérico ou nada.
• Estados de hover e de rolagem. O botão que muda de forma, o menu que se recolhe, a seção que fica presa enquanto o conteúdo passa: nada disso aparece numa captura estática.
• Shaders e WebGL. Um herói 3D vira uma imagem plana no print. O modelo, a luz, o material e o código do shader não podem ser deduzidos de pixels.
• Fontes licenciadas. A IA vê o formato das letras e escolhe algo parecido. A fonte real tem nome, arquivo e licença, e é isso que define a identidade.
• Dados e lógica. Formulários, busca, login, carrinho: o print mostra a caixa, não o que acontece quando alguém digita.

Por isso o resultado costuma parecer certo à primeira vista e errado em movimento. Escrevemos sobre esse limite no guia de vibe coding: o que você ainda precisa saber.

Como usar a IA sem perder o que só o original tem?

O fluxo que funciona inverte a ordem: primeiro o arquivo, depois a IA.

O print vira um atalho para o grid. O arquivo original vira o professor do resto. O roteiro detalhado de estudo está em como estudar um site do Awwwards por dentro, e o jeito de guardar o original está no guia como baixar um site completo e abrir offline. Se você junta várias referências, vale montar uma biblioteca de referências que não depende da internet.

Recriar a partir de um print é permitido?

A ferramenta não muda a regra. Estudar a técnica é legítimo; publicar o layout, os textos, as imagens ou as fontes de outra empresa como se fossem seus não é. Pedir à IA que "copie" um site não transfere direito nenhum sobre ele.

A regra que seguimos: estude, referencie e faça backup do que é seu. O panorama da lei brasileira está em copiar site é crime?, que não substitui orientação de advogado.

Perguntas frequentes

Dá para recriar um site inteiro com IA a partir de um print?

Dá para recriar a aparência de uma tela. O v0, por exemplo, analisa layout, cores e componentes da imagem e gera código, segundo a documentação consultada em outubro de 2026. O que a imagem não mostra, como animação, rolagem, 3D e lógica, fica de fora ou é inventado. Para um site inteiro, cada página e cada estado precisariam ser descritos à parte.

Qual é melhor para screenshot to code: v0, Bolt ou Lovable?

Depende do destino. O v0 gera em Next.js, Tailwind e shadcn/ui, bom para quem já trabalha nessa pilha. O Bolt usa a imagem como referência de estilo dentro de um projeto em andamento. O Lovable aceita até 10 arquivos por mensagem e incentiva desenhar sobre a imagem para indicar mudanças. Teste os três no plano grátis antes de assinar.

Quanto custam v0, Bolt e Lovable?

Pelas páginas oficiais em outubro de 2026: o v0 tem plano grátis, Plus a US$ 30 e Business a US$ 100 por usuário ao mês; o Bolt tem plano grátis com 1 milhão de tokens por mês, Pro a US$ 25 e Teams a US$ 30 por membro; o Lovable tem plano grátis com até 30 créditos de build no mês. Confira antes de assinar, porque os preços mudam.

Por que a animação sai diferente do site original?

Porque o print é um único quadro. A duração, a curva de aceleração, o atraso entre elementos e o gatilho de rolagem não existem na imagem, então a IA preenche com um padrão genérico. Para reproduzir o movimento você precisa do código original rodando, onde dá para medir tempos e ver quais bibliotecas foram usadas.

A IA reconhece a fonte do site pelo print?

Ela sugere uma fonte parecida, não a original. O nome, o arquivo e a licença da fonte não estão nos pixels. Para descobrir a tipografia real, abra a cópia do site e veja os arquivos de fonte carregados. E lembre que ter o arquivo para estudo não dá licença para usá-lo em projeto comercial.

Baixe o original antes de pedir à IA

A IA encurta o caminho até o esqueleto. O resto, que é o que faz um site parecer caro, está no código, nas fontes e no movimento, e nada disso cabe num print. Quem quer aprender a montar esse resto com IA, sem programar, encontra o passo a passo no Método da Brave Cross.

Antes do próximo prompt, guarde o site de referência inteiro, com animação, 3D, fontes e tokens, usando o Extrator de Sites, com 2 downloads grátis por mês.