Blog

Redesign de site com IA: onde ajuda, onde falha e um processo que mantém o que funciona

Onde a IA ajuda num redesign de site (auditoria, layouts, textos, código) e onde falha (marca, fatos, acessibilidade, URLs), com os limites de cada ferramenta.

Por Nicolás Cerón ·

Um sobrado antigo envolto em andaimes de madeira na hora azul, com luz quente em algumas janelas e um único fio de prumo carmesim descendo reto pelo centro da fachada.
Nesta página

A resposta curta

Ferramentas de IA deixam um redesign de site mais rápido nas etapas de volume: resumir os dados do site antigo, rascunhar mapas do site e wireframes, gerar opções de layout, escrever primeiros rascunhos de texto e de texto alternativo e montar código base. Elas falham nas decisões que fazem um redesign funcionar: o que manter, o que diferencia sua marca dos concorrentes, quais fatos são verdadeiros, se o site funciona para pessoas com deficiência e para onde vai cada URL antiga.

A regra prática: IA para rascunhos e revisões, pessoas para decisões e fatos. O resto deste guia vai passo a passo, com o que cada fabricante diz que sua ferramenta faz e não faz, lido em 12 de novembro de 2026.

O que "redesign de site com IA" costuma significar

A expressão cobre três coisas diferentes, com riscos diferentes.

  • Um construtor com IA que gera um site novo a partir de uma descrição. É assim com o construtor com IA do Webflow, o Framer AI e o Relume. Eles produzem um site, não um redesign do seu: a central de ajuda do Webflow diz que o construtor não pode ser aplicado a um site existente que não foi criado com ele. Seu conteúdo, suas URLs e seu histórico de busca não vêm junto se ninguém os levar.
  • IA dentro de uma ferramenta de design ou desenvolvimento, sobre o que você já tem: o assistente de IA do Webflow gera seções com as classes do seu site, o Figma Make transforma designs do Figma em protótipos interativos e o v0 escreve código que pode ir ao ar ou virar um pull request.
  • Modelos de IA gerais usados ao longo do projeto, para auditorias, inventários de conteúdo, textos, pareamento de redirecionamentos e revisão de código.

Onde a IA ajuda e onde falha, etapa por etapa

Etapa do redesignOnde a IA ajudaOnde falhaO que checar antes de publicar
Auditoria e inventárioAgrupar centenas de URLs, resumir exportações de analytics, achar páginas fracas ou duplicadasSó sabe o que você dá, e inventa números quando pedem os que não temTodo número vem do Search Console ou do analytics, não do modelo
Mapa do sitePropor uma estrutura em segundos a partir de um briefingEstruturas genéricas que ignoram quais URLs trazem tráfegoToda página com cliques ou links tem lugar no mapa novo
LayoutsMuitas opções rápido, com seus estilosAs opções se parecem entre si e com as de todo mundoUm designer escolhe e adapta; a marca não vira média
Identidade visualMoodboards e variaçõesO construtor do Webflow adapta suas cores e fontes ao sistema de temas dele em vez de copiá-las exatamenteTipografia, cor e espaçamento definidos à mão como tokens de design
TextosPrimeiros rascunhos, versões curtas, tom e rascunhos de traduçãoAfirmações, números e citações plausíveis, mas falsosCada afirmação checada numa fonte; nada de avaliações inventadas
Imagens e texto alternativoRascunhos de alt, fundos, mockupsAlt que descreve a aparência e não a função; "fotos da equipe" de pessoas que não existemAlt revisado; só fotos reais de pessoas e produtos reais
CódigoComponentes, protótipos, estrutura baseNão garante acessibilidade, velocidade nem segurançaTestes de acessibilidade automáticos e manuais, orçamento de velocidade, revisão de código
SEO e redirecionamentosParear URLs antigas e novas por tema; propor titlesNão sabe quais páginas trazem tráfego e pode sugerir mandar tudo para a homeUma pessoa aprova o redirecionamento de cada página protegida
Revisão de qualidadeO agente do Framer pode apontar problemas de contraste, erros de digitação, alt faltando e lacunas de SEOTestes automáticos acham só parte dos problemas de acessibilidadeTeste com teclado e leitor de tela nas páginas principais

As ferramentas de IA para sites, segundo os fabricantes

Estas descrições vêm das páginas de cada fabricante; os recursos mudam rápido, então confira antes de decidir.

  • Construtor com IA do Webflow. Gera a estrutura completa do site, o conteúdo e um tema a partir de uma descrição. No início, até cinco páginas com plano pago e duas sem. Só para sites novos ou sites que ele mesmo gerou.
  • Assistente de IA do Webflow. Gera seções com as classes e variáveis do seu site. Está em beta pública e, por enquanto, limitado a alguns templates e a sites feitos com o construtor com IA. Não inclui componentes, imagens nem dados dinâmicos, e foi pensado para entregar um primeiro rascunho.
  • Framer AI. Transforma uma descrição num site real e o refina com você no canvas; o agente também gerencia o CMS, cria componentes de código e revisa o site antes de publicar.
  • Figma Make. Uma ferramenta de IA que transforma ideias e designs do Figma em apps interativos, que podem ser publicados numa URL própria. O Figma avisa que ela pode incorporar fontes, pacotes de código ou imagens de terceiros e que os direitos são responsabilidade sua.
  • v0. O agente de IA da Vercel que gera código real e aplicações completas, e pode publicar em produção ou abrir um pull request para revisão.
  • Relume. Um construtor de sites com IA que rascunha mapas do site e páginas e exporta para Figma, Webflow ou React.

Quatro jeitos de um redesign com IA dar errado

1. O site novo esquece o antigo

Um construtor que parte de uma descrição parte do zero. Se ninguém exportar as URLs do site antigo e der um destino a cada uma, as páginas que traziam tráfego somem no dia do lançamento. Planeje as URLs antes do design: como fazer o redesign de um site sem perder SEO cobre o mapa de redirecionamentos e a paridade de conteúdo, e o checklist de redesign de site o resto do projeto.

2. Fatos inventados

Modelos de linguagem preveem palavras prováveis; não consultam fatos. O guia do Google diz isso: o que a IA gera pode conter imprecisões, também chamadas de alucinações, e precisa ser checado antes de publicar, inclusive titles, meta descriptions, dados estruturados e textos alternativos. Depoimentos são o caso mais sensível: nos Estados Unidos, a norma 16 CFR 465.2 proíbe uma empresa de criar avaliação ou depoimento que dê a entender que existe uma pessoa que não existe.

3. Um site igual a todos

Layouts gerados fazem a média do que já existe. Isso serve para uma página utilitária e sai caro numa home cujo trabalho é fazer você ser lembrado. Use a IA para explorar e desenhe à mão o que as pessoas lembram.

4. Acessibilidade por sorte

A análise da WebAIM de fevereiro de 2026 sobre o milhão de home pages mais visitadas achou falhas WCAG detectáveis em 95,9% delas, contra 94,8% em 2025, e texto com baixo contraste em 83,9%. A WebAIM cita práticas de programação automatizadas ou assistidas por IA entre as causas prováveis da piora. Código gerado precisa dos mesmos testes que código escrito à mão.

Um processo de redesign que usa a IA onde ela é forte

  1. Exporte você mesmo a linha de base: Search Console por página e consulta, páginas de entrada e conversões do analytics e um rastreamento de todas as URLs.
  2. Deixe a IA organizar: agrupar páginas por tema, marcar as fracas e duplicadas, resumir o que converte. Confira os números por amostragem.
  3. Decida o que fica: páginas protegidas, o conteúdo que vende, o que a marca representa. Esta etapa é de pessoas.
  4. Gere opções de estrutura e layout com a ferramenta da sua plataforma, e um designer escolhe e adapta.
  5. Defina a marca à mão: escala tipográfica, cor, espaçamento e componentes como tokens, para as seções geradas herdarem.
  6. Rascunhos de texto com IA a partir de uma ficha de fatos escrita por você: preços, processo, equipe, resultados com fonte. Edite cada linha e linke cada número.
  7. Construa com ajuda da IA: componentes gerados passam por revisão de código, teste de acessibilidade e orçamento de velocidade.
  8. Mapeie os redirecionamentos: a IA sugere pares; uma pessoa aprova cada URL protegida, e nada vai para a home por padrão.
  9. Teste: checagens automáticas mais uma passada com teclado e leitor de tela nos templates principais.
  10. Lance e compare: cliques por página contra a linha de base por oito semanas.

Quando um construtor com IA basta

Para um site novo com poucas páginas, sem tráfego a proteger e com seções padrão, um construtor com IA ou um template costuma ser a escolha certa, e mais barata que qualquer estúdio. A Dardo diz isso na própria página de fatos: um site padrão de poucos milhares de dólares ou menos fica melhor com um template ou um construtor. Quando o site tem tráfego e contatos a proteger, integrações, vários idiomas ou obrigações de acessibilidade, as decisões que o construtor pula custam mais do que o tempo que ele economiza.

Como a Dardo pode ajudar

O serviço de redesign de site da Dardo parte das páginas que já trazem tráfego e contatos, e o trabalho de web design define à mão o sistema da marca antes de gerar qualquer coisa. Se alguém te vendeu um site feito com IA que não funciona, o formulário de contato tem uma oferta exatamente para isso: mostre para a gente e ganhe 50% de desconto.

Perguntas frequentes

A IA consegue fazer o redesign do meu site?

A IA gera um site novo a partir de uma descrição e produz layouts, textos e código rapidamente, mas quase todo construtor com IA cria um site novo em vez de redesenhar o seu. O do Webflow, por exemplo, não pode ser aplicado a um site que não foi feito com ele. Suas URLs, seu conteúdo e seu histórico de busca só passam para o site novo se alguém os mapear.

Um redesign feito com IA prejudica o SEO?

Pode prejudicar se o site novo mudar URLs sem redirecionamento, tirar texto que ranqueava ou publicar fatos inventados. Conteúdo feito com IA não é punido por si só: o Google mira conteúdo produzido em escala sem agregar valor, e pede para checar tudo o que a IA gera, inclusive titles e textos alternativos, antes de publicar.

Qual ferramenta de IA usar num redesign de site?

Depende de onde o site vai ficar. Os recursos de IA do Webflow e do Framer funcionam dentro dessas plataformas; Figma Make e v0 geram protótipos e código; o Relume rascunha mapas do site e wireframes e exporta para Figma, Webflow ou React. Nenhum decide o que manter nem checa seus fatos.

Um construtor de sites com IA basta para uma pequena empresa?

Muitas vezes sim, para um site novo com poucas páginas, sem tráfego a proteger e com seções padrão. Quando o site já tem tráfego, contatos, integrações, vários idiomas ou obrigações de acessibilidade, as decisões que o construtor pula passam a custar mais do que o tempo que ele economiza.

E se eu paguei por um site feito com IA que não funciona?

O formulário de contato da Dardo tem uma oferta para isso: se alguém te vendeu lixo feito com IA, mostre para a gente e ganhe 50% de desconto. O estúdio pede a evidência por e-mail.

Fontes e leituras adicionais

Fontes desta página, com mais detalhes dos publicadores originais.