Criar um site profissional deixou de ser trabalho exclusivo de programadores. Com as ferramentas certas de inteligência artificial, você descreve o que precisa em português e recebe o código pronto — restando apenas revisar, ajustar e publicar.
Neste guia, você vai ver o processo completo, do primeiro prompt ao site no ar, usando apenas ferramentas gratuitas. É exatamente o método que ensinamos, em detalhes, nos cursos gratuitos da Learnfy.
O que você precisa antes de começar
- Um computador com navegador e internet (não precisa ser potente: a IA processa tudo na nuvem).
- Uma conta gratuita em uma IA que gere código, como Claude ou ChatGPT.
- 1 a 2 horas livres para a primeira versão.
Só isso. Hospedagem paga e domínio próprio são etapas para depois que o site estiver pronto — e mesmo elas podem começar de graça.
Passo 1: defina o objetivo do site
Site sem objetivo claro vira enfeite. Antes de escrever qualquer prompt, responda:
- Para quem é o site? (uma empresa local, um profissional, um portfólio)
- O que o visitante deve fazer? (chamar no WhatsApp, pedir orçamento, conhecer os serviços)
- Quais seções são necessárias? (início, serviços, sobre, contato é o esqueleto clássico)
Com essas três respostas, o seu prompt já nasce 10 vezes melhor que a média.
Passo 2: escreva um prompt completo
A regra de ouro: quanto mais contexto, melhor o resultado. Um bom prompt de site inclui o nome do negócio, o ramo, as seções desejadas, as cores da marca, o tom do texto e a instrução de gerar tudo em um único arquivo HTML.
Se você nunca escreveu um prompt, temos um guia completo: o que é um prompt e como escrever prompts que funcionam.
Prompt de exemplo para gerar o site
Passo 3: revise como se fosse o cliente
A IA entrega rápido, mas quem garante a qualidade é você. Abra o arquivo no navegador e confira:
- Os textos fazem sentido? Nada de informação inventada?
- Os botões de WhatsApp apontam para o número certo?
- No celular, tudo continua legível e clicável?
- As seções seguem uma ordem lógica para quem chega pela primeira vez?
Peça ajustes na mesma conversa da IA: "aumente o contraste dos botões", "troque o texto da seção sobre", "deixe o topo mais impactante". Cada rodada leva segundos.
Salve os prompts que funcionaram bem. Eles viram o seu "molde" para os próximos sites — é assim que um site que levava dias passa a levar uma tarde.
Passo 4: publique de graça
Sites em um único arquivo HTML podem ser publicados gratuitamente no Netlify: você cria uma conta, arrasta a pasta do site e em segundos ele está no ar, com cadeado de segurança (HTTPS) incluso.
Quando o projeto ficar sério — ou quando for um site para cliente — vale registrar um domínio próprio (.com.br) e, se precisar de e-mail profissional, contratar uma hospedagem. Explicamos os custos reais em quanto custa criar um site.
Claude: a IA que usamos para gerar sites
Entre as IAs que testamos, o Claude é a que entrega os códigos mais completos e organizados em uma única resposta — e mostra o site renderizado na própria conversa. A versão gratuita já permite criar seus primeiros sites.
Erros comuns de quem está começando
- Prompt vago: "crie um site bonito" gera resultado genérico. Contexto é tudo.
- Aceitar a primeira versão: as melhores páginas saem da 2ª ou 3ª rodada de ajustes.
- Esquecer o celular: mais da metade das visitas vem do celular; teste sempre.
- Não publicar: site no seu computador não gera resultado. Publicar é grátis — publique.
Próximo passo
Este artigo é o mapa. Se você quer o passo a passo com todos os detalhes, prompts prontos e as etapas de publicação e domínio, siga a trilha gratuita da Learnfy:
Criando o site completo
O curso gratuito que mostra, aula por aula, como gerar um site completo com IA — com os prompts prontos para copiar.