Criar site com IA no Webflow: do briefing à publicação

O Webflow AI permite criar site com IA a partir de um briefing de negócio: você recebe um site editável, com várias páginas, e pode usar a ferramenta para refinar textos, seções e conteúdo. Para quem empreende ou tem uma pequena agência, a mudança mais útil está no ponto de partida: dá para avaliar uma proposta de site antes de montar cada página. A oferta, as provas que a sustentam e a decisão de publicar continuam sob sua responsabilidade.

A reformulação do Webflow, lançada em 5 de fevereiro de 2026, incorporou estrutura com várias páginas, estilos, animações e uma base de design system ao processo de criação de sites. O recurso está disponível em todos os níveis de plano, inclusive Enterprise, pela opção New site no Dashboard. Ter acesso ao criador não elimina os limites de páginas do seu plano. Anúncio de lançamento do Webflow.

Qual ferramenta de IA usar em cada tarefa?

Pense no Webflow AI como uma oficina com ferramentas diferentes. O criador de sites monta a estrutura inicial. Os recursos dentro do editor ajudam a trabalhar cada parte. Já o MCP, sigla de Model Context Protocol, faz a conexão que permite a um assistente de IA externo operar ferramentas no seu site Webflow.

São formas distintas de acessar os recursos, embora o Webflow reúna suas funcionalidades nativas sob o nome Webflow AI. Visão geral da IA, requisitos do criador de sites, visão geral do MCP.

Como ativar o Webflow AI nas configurações do Workspace

Alguém com o papel de Workspace Owner ou Admin precisa abrir o Workspace desejado, acessar Workspace settings → General e ativar Enable Webflow AI. No Enterprise, papéis personalizados também podem controlar a permissão Use Webflow AI. Se a opção não aparecer para alguém da equipe, confira tanto a ativação no Workspace quanto o papel dessa pessoa. Instruções de administração do Webflow.

A geração de sites, a criação de seções e a ajuda contextual não consomem créditos do Webflow AI. Já a geração de textos, itens do CMS, componentes de código com IA e tarefas de SEO com IA consome créditos. O saldo é compartilhado por todo o Workspace, e o consumo varia conforme a tarefa. O pacote adicional cobrado à parte que aparece atualmente na página de preços do Webflow oferece 2,000 créditos por mês por US$20/mês, com cobrança anual. Regras dos créditos, preços do Webflow.

Como criar site com IA no Webflow e publicar três páginas

Use como exemplo um pequeno negócio de serviços com um objetivo de conversão bem definido. Aqui, vamos trabalhar com o Cedar Studio, um estúdio fictício de design de marcas que quer receber contatos sobre novos projetos. O site terá as páginas Início, Serviços e Contato.

Este passo a passo foi elaborado com base na documentação; não é um teste prático. Nenhum site de teste no Webflow foi publicado para este artigo. As correções manuais abaixo são verificações recomendadas, não falhas observadas.

1. Garanta espaço para três páginas

Um Workspace pago permite gerar as três páginas logo no início. Se o Workspace for gratuito e não houver um plano Site pago, comece com Início e Contato. Depois de gerar o site, adicione um plano Site pago e crie Serviços pela opção de geração de páginas com IA no painel Pages. A geração inicial permite até cinco páginas com um plano pago, contra duas sem ele; o guia de estilos automático não entra nesse limite de duas páginas. Para publicar este site institucional em um domínio próprio, o plano Basic é suficiente. Limites do criador de sites, recursos dos planos Site.

2. Transforme o briefing do negócio em um prompt

Em New site, escolha AI Site Builder e insira um prompt como este:

Crie um site para o Cedar Studio, um pequeno estúdio de design de marcas que atende negócios independentes do setor de hospitalidade. O objetivo é receber contatos sobre novos projetos. Use três páginas: Início, Serviços e Contato. Início deve apresentar a oferta e dar uma visão geral do processo. Serviços deve explicar os serviços de estratégia de marca, identidade visual e web design. Contato deve convidar o visitante a enviar um briefing de projeto. Use cores neutras e quentes, texto escuro e legível e animações discretas. Não invente clientes, depoimentos, prêmios, preços ou resultados. Use “Vamos conversar sobre seu projeto” como chamada principal para ação.

Esse prompt define um público, uma oferta e uma próxima ação. Antes de usá-lo no seu site, substitua os dados fictícios por informações aprovadas sobre o negócio.

3. Aprove a estrutura antes de gerar o design

Gere a proposta, remova páginas desnecessárias e organize as seções. Se você começou com um Workspace gratuito, adicione Serviços depois de mudar de plano. Mantenha o site final focado no que importa:

Depois, gere o site. Ajuste o tema compartilhado e continue no Webflow. O criador adapta as fontes e cores solicitadas ao seu sistema de temas; por isso, a correspondência exata com a marca exige sua atenção. Processo de criação e ajuste do tema.

4. Finalize o que torna o site fiel ao negócio

Trate a primeira versão como material a ser editado. Estas são as correções manuais a fazer quando o resultado deixar a desejar:

Muitas vezes, o trabalho mais difícil é decidir o que o negócio pode prometer com honestidade. Um conteúdo provisório bonito não toma essa decisão por você.

5. Revise as informações para busca e a acessibilidade

Abra o painel Audit e revise o site inteiro. Ele pode detectar a falta de descrições de imagens, títulos de páginas, descrições para busca e schema, isto é, informações estruturadas sobre a página. As sugestões geradas por IA ainda precisam ser conferidas com base na realidade do negócio. Imagens dentro de componentes, lightboxes e do CMS exigem uma revisão manual separada dos textos alternativos, pois o painel Audit não as contempla. Instruções e limites da auditoria.

Para o Cedar Studio, o resultado útil é ter informações corretas nas páginas e um caminho de contato que funcione. Não acrescente serviços, localidades ou avaliações apenas para preencher um campo gerado.

6. Publique no ambiente de testes e depois no seu domínio

Abra Publish, selecione apenas o endereço de testes webflow.io e publique nesse destino. Acesse Início, Serviços e Contato como visitante e repita o teste de envio do formulário. Corrija o que falhar e publique novamente no ambiente de testes.

Para o lançamento público, conecte seu domínio em Site settings, verifique a titularidade e selecione esse domínio no menu de publicação. Publique e confira novamente as três URLs no ar e o formulário. Você precisa ter a permissão de publicação adequada. Guia de publicação do Webflow.

Na prática, muda a sequência do trabalho. Em uma criação manual, você monta a estrutura, os estilos e o conteúdo das páginas antes de avaliar o conjunto. Aqui, a geração antecipa essa avaliação. Para se planejar, reserve um bloco de duas horas para o briefing, a primeira versão e as verificações, já com os textos e materiais aprovados em mãos. Essa é uma sugestão de sessão de trabalho, não um tempo de conclusão medido; problemas de integração ou revisões de marca podem prolongá-la.

Use o Assistant no editor para tarefas específicas

Os prompts mais úteis delimitam bem a tarefa e deixam claro o que o resultado precisa atender.

Para tirar dúvidas, abra o Assistant pela barra superior e faça uma pergunta específica sobre o Webflow. Esse modo responde com base no Help Center. Atualmente, ele funciona em inglês e permite 100 perguntas a cada 31 dias. Use a resposta como orientação e confira as informações. Guia de ajuda contextual.

Para criar uma seção, arraste uma seção do painel Add para a área de edição e abra os controles do Assistant. Encontre um layout adequado, escolha um design gerado e avalie como ele ficou na página. O recurso pode reutilizar suas classes e variáveis — os estilos nomeados e os valores compartilhados que mantêm a consistência do design — e criar novas classes. Ele não consegue atualizar classes existentes. A documentação atual do Webflow ainda identifica a criação de seções como beta pública e restringe seu uso a templates gratuitos selecionados e sites feitos com o criador de sites com IA. O resultado não inclui imagens, componentes nem conteúdo dinâmico. Guia de criação de seções.

Para trabalhar os textos, um designer pode clicar com o botão direito em um elemento de texto compatível e escolher Modify copy. Experimente: “Encurte este parágrafo, preservando as entregas e sem acrescentar novas afirmações.” Revise cada mudança factual antes de aceitá-la. É necessário um plano Site ou Workspace pago. Controles de texto.

Outros dois recursos ganham relevância conforme o site cresce. A IA pode gerar itens de exemplo para Collections do CMS, ou seja, registros em uma lista de conteúdo estruturado, em um plano Site com acesso ao CMS. Também pode criar componentes de código reutilizáveis, como calculadoras, pelo Assistant. Esses componentes exigem o papel de Designer ou Site Manager; para publicá-los, há requisitos adicionais de planos Site e Workspace. Eles não oferecem bancos de dados, autenticação nem gerenciamento de chaves secretas. Deixe esses recursos fora do passo a passo do site institucional básico, a menos que o projeto precise deles. Requisitos de acesso ao CMS, requisitos dos componentes de código.

Conecte Claude quando a tarefa envolver várias partes do site

O MCP é útil quando uma tarefa abrange várias páginas ou registros de conteúdo. A documentação do Webflow inclui suporte à edição de páginas e layouts, estilos, componentes, gerenciamento do CMS e publicação. Ele está disponível em todos os planos Site, inclusive Starter; usuários com o papel de Reviewer não podem se conectar. Recursos do MCP.

Para conectar Claude, abra uma sessão de Chat ou Code, use o menu com o sinal de mais para adicionar um conector, procure Webflow e faça a conexão. Siga o processo de autorização do Webflow, selecione o site desejado e volte ao Claude. Por padrão, Claude pede aprovação antes de executar ações. Guia do Webflow para configurar Claude.

Uma primeira solicitação útil para o nosso exemplo seria:

Leia as instruções deste site e depois revise Início, Serviços e Contato. Liste inconsistências nos nomes dos serviços e nas chamadas para ação. Proponha substituições exatas usando os textos aprovados abaixo. Mostre as alterações propostas antes de editar e deixe a publicação comigo.

Essa é uma sugestão de tarefa para experimentar, não uma garantia de resultado da auditoria. Confira pessoalmente as edições propostas na página.

Hoje, a maioria das ações via MCP pode ser executada sem uma sessão aberta do Webflow. Ações ligadas à seleção de elementos na área de edição ainda exigem o MCP Bridge App. O uso comum do MCP consome o plano ou os créditos da ferramenta de IA externa, em vez dos créditos do Webflow AI. Funcionamento e limites atuais do MCP.

Seis usos, em ordem de retorno prático

Os melhores usos começam com um briefing claro e alguém capaz de avaliar o resultado. As propostas abaixo são fluxos de trabalho sugeridos, não resultados medidos em clientes.

Essas propostas se apoiam em recursos documentados do Webflow: as ferramentas de seções, o painel Audit e as ações via MCP. Os benefícios esperados dependem do seu processo de revisão.

Dois serviços que vale a pena oferecer com esses recursos

Há demanda tanto pela criação de sites quanto por ajuda para cuidar deles. As estimativas da DataForSEO para buscas em inglês nos Estados Unidos, consultadas em 22 de outubro de 2026, apontam 33,100 buscas mensais por “ai website builder”. Isso indica interesse na categoria como um todo, não demanda por mais um gerador genérico.

Melhor oportunidade: um serviço de lançamento e entrega ao cliente

Monte um serviço com processo repetível para empreendedores que querem um site Webflow editável, com conteúdo aprovado e um caminho de contato verificado. A DataForSEO estima 480 buscas mensais nos Estados Unidos por “webflow agency”. O dado mede o interesse em contratar ajuda, mas não revela quantas pessoas procuram exatamente esse pacote.

A menor versão que já daria para vender poderia atender a um único nicho de negócio, usar um briefing inicial estruturado, entregar três páginas prontas e incluir uma gravação ensinando o cliente a editar o site. A agência poderia usar IA na primeira versão e assumir a responsabilidade pela precisão do conteúdo, pelas escolhas de marca e pelos testes de lançamento.

O ponto de atenção: concorrentes conseguem gerar uma primeira versão parecida com facilidade. O diferencial mais difícil de copiar está em conhecer o nicho, conseguir a aprovação dos materiais e se responsabilizar por uma entrega bem-feita. Antes de montar um sistema reutilizável para a agência, confira também a restrição do Webflow ao compartilhamento de Libraries de sites feitos com o criador de sites com IA. Limitações do criador de sites.

Segunda oportunidade: manutenção que vai da auditoria à correção

Monte um serviço que acompanhe o responsável pelo site desde a identificação das omissões até a revisão das correções. A DataForSEO estima 320 buscas mensais nos Estados Unidos por “website seo audit”. É um sinal de mercado mais amplo, não uma contagem de compradores específicos de Webflow.

A primeira versão poderia reunir uma auditoria no Webflow, uma lista de correções propostas e uma etapa de publicação com revisão. O MCP poderia ajudar em atualizações de conteúdo com escopo delimitado; uma pessoa verificaria as afirmações sobre o negócio e as páginas finais. Venda a conclusão do trabalho combinado e a responsabilidade por sua entrega.

O ponto de atenção: preencher uma descrição não garante posições nos resultados de busca, e verificações automáticas têm pontos cegos. O próprio painel Audit do Webflow não cobre imagens em alguns locais. Um serviço útil precisa verificar essas lacunas e evitar promessas de desempenho nas buscas. Cobertura da auditoria.

Quais são os limites do Webflow AI?

Use o criador de sites quando precisar de uma nova base no Webflow e puder investir na finalização. Para um site personalizado já existente, comece pelas ferramentas compatíveis dentro do editor ou pelo MCP. Nenhuma dessas opções dá controle ilimitado a um agente: o MCP ainda não oferece algumas configurações de elementos e de vinculação ao CMS, enquanto a geração de seções não consegue reescrever classes existentes. Limites do MCP, limites do Assistant.

Também deixe o App Gen fora da base de um novo projeto: o Webflow pausou seu desenvolvimento e informa que planeja descontinuá-lo. Visão geral atual da IA.

Se você ainda está escolhendo uma plataforma, consulte Webflow vs Framer para decidir entre elas, Framer AI para entender seu fluxo de trabalho com IA e o comparativo de criadores de sites com IA para avaliar uma lista mais ampla de opções.

Webflow é uma ferramenta de IA?

Webflow é uma plataforma de sites com ferramentas de IA integradas. O criador de sites gera uma versão inicial; outros recursos ajudam com textos, seções, conteúdo e tarefas contínuas. O MCP conecta um assistente externo a um site autorizado. Visão geral do Webflow AI.

Dá para criar um site com inteligência artificial?

Sim. O criador de sites do Webflow gera um site editável a partir de uma descrição. Você ainda precisa de informações aprovadas sobre o negócio, links e formulários funcionando e uma verificação da publicação. Siga o exemplo de três páginas acima como um processo baseado na documentação. Criador de sites do Webflow.

O Webflow é gratuito mesmo?

Existe um plano Starter gratuito com acesso ao Webflow AI e ao MCP, mas ele tem um limite de duas páginas estáticas. O exemplo com três páginas e domínio próprio exige um plano Site pago. Créditos extras de IA são uma compra opcional à parte. Preços do Webflow.

Para colocar em prática na segunda-feira: reúna a oferta aprovada, imagens reais e o destino dos contatos. Prepare as primeiras versões de Início, Serviços e Contato e depois valide um fluxo completo de envio e recebimento de contato no ambiente de testes, antes do lançamento público.

Se você quer implementar esse processo no seu negócio, podemos ajudar a definir o escopo do site e da automação.