IA criou meu site: guia completo pra publicar

2026-03-23 — Equipe Htmly

A cena é a seguinte: você abriu o ChatGPT (ou o Claude, ou o Cursor) e pediu para criar um site. A IA entregou um código HTML completo, bonito, responsivo. Você copiou, salvou como arquivo, abriu no navegador e tudo funciona.

E agora?

Esse "e agora?" é o momento que mais trava as pessoas. A IA resolveu o problema da criação — o site está pronto. Mas entre ter um arquivo no seu computador e ter um link que qualquer pessoa no mundo pode acessar, existe um passo que ninguém te explicou direito. (Se você usou especificamente o ChatGPT, veja nosso guia focado no ChatGPT.)

Este guia cobre tudo: como salvar corretamente o que a IA gerou, como publicar em minutos, e como fazer isso com cada ferramenta de IA popular em 2026.

Por que a IA gera HTML (e por que isso é ótimo)

Quando você pede para uma IA criar um site do zero, ela gera código em HTML, CSS e JavaScript — as três linguagens que todo navegador entende nativamente. Isso significa que o site da IA:

  • Não depende de nenhuma plataforma — funciona em qualquer lugar
  • Carrega rápido — não tem framework pesado por trás
  • É totalmente seu — o código é aberto, você pode editar quando quiser
  • É portátil — pode mover de uma hospedagem para outra sem problemas

Comparado com um site feito no Wix ou WordPress, um site HTML puro é mais leve, mais rápido e mais flexível. O único problema é que você precisa saber onde colocar esse arquivo para ele ficar acessível na internet.

Passo a passo universal: do código ao link

Independente de qual IA você usou, o processo segue a mesma lógica:

1. Salve o código como arquivo HTML

Se a IA te deu o código em uma janela de texto:

  1. Copie todo o código (de <!DOCTYPE html> até </html>)
  2. Abra um editor de texto simples (Bloco de Notas no Windows, TextEdit no Mac)
  3. Cole o código
  4. Salve como index.html (importante: a extensão precisa ser .html, não .txt)

Se a IA te deu múltiplos arquivos (HTML separado do CSS e do JS), salve cada um com o nome indicado e coloque todos na mesma pasta.

2. Teste localmente

Abra o arquivo index.html no navegador (dê dois cliques nele). Confira se está tudo certo: layout, cores, textos, links internos. Se algo não estiver bom, volte na IA e peça ajustes.

3. Publique na internet

Aqui é onde a maioria trava. As opções tradicionais envolvem servidor, DNS, FTP, Git... mas existe um caminho muito mais simples.

Acesse htmly.com.br, arraste seu arquivo (ou ZIP com todos os arquivos) e receba um link público instantaneamente. Sem cadastro para testar, sem configuração, sem terminal.

Como publicar sites de cada IA

Cada ferramenta de IA entrega o resultado de um jeito diferente. Veja como lidar com cada uma.

Site feito com ChatGPT

O ChatGPT é a IA mais usada para criar sites. Ele normalmente entrega o código em um bloco de texto dentro da conversa.

Como salvar:

  1. Procure o bloco de código na resposta (geralmente começa com <!DOCTYPE html>)
  2. Clique no botão "Copy code" no canto superior do bloco
  3. Cole em um editor e salve como index.html

Dica: se o ChatGPT dividiu o código em HTML, CSS e JS separados, peça a ele: "Junte tudo em um único arquivo HTML com CSS e JavaScript inline." Assim você sobe um arquivo só e tudo funciona.

Prompt recomendado para sites publicáveis:

"Crie um site completo em um único arquivo HTML com CSS e JavaScript inline. O site deve ser responsivo e ter design moderno. Tema: [descreva seu site aqui]."

Site feito com Claude

O Claude tende a gerar código mais estruturado e semântico. Ele usa a funcionalidade de Artifacts para mostrar o resultado visual junto com o código.

Como salvar:

  1. Na janela de Artifact, clique nos três pontos (⋯) e selecione "Copy code" ou "Download"
  2. Se copiou, cole em um editor e salve como index.html
  3. Se baixou, o arquivo já vem pronto

Vantagem do Claude: ele mantém melhor o contexto em conversas longas, então se você pedir múltiplas iterações ("agora adicione uma seção de preços", "mude a paleta de cores"), o resultado final costuma ser mais coeso.

Site feito com Cursor

O Cursor é uma IDE (editor de código) com IA integrada. A diferença é que ele já salva os arquivos no seu computador automaticamente.

Como publicar:

  1. No Cursor, seu projeto provavelmente tem uma pasta com index.html, style.css, script.js e talvez imagens
  2. Selecione todos os arquivos da pasta e compacte em um ZIP
  3. Arraste o ZIP no Htmly — ele extrai automaticamente e publica tudo

Dica: o Cursor costuma criar projetos mais complexos com múltiplos arquivos. O formato ZIP é ideal para esse caso.

Site feito com Bolt (StackBlitz)

O Bolt gera projetos completos diretamente no navegador, com preview em tempo real.

Como publicar:

  1. No Bolt, use a opção de download/export para baixar os arquivos do projeto
  2. Se o projeto usa um framework (React, Vue), peça para o Bolt gerar uma versão estática em HTML puro
  3. Compacte os arquivos em ZIP e suba no Htmly

Site feito com v0 (Vercel)

O v0 gera componentes React por padrão, o que adiciona uma camada de complexidade para publicar como HTML estático.

Alternativa prática: se o seu objetivo é ter um site simples no ar, peça ao v0 para gerar em HTML puro em vez de React. Ou use o resultado como inspiração e peça ao ChatGPT ou Claude para recriar em HTML estático.

O problema que ninguém fala: manutenção

Publicar é o primeiro passo, mas e depois? E se você quiser:

  • Corrigir um texto
  • Trocar uma imagem
  • Adicionar uma seção

Com hospedagens tradicionais, qualquer alteração exige abrir o arquivo no editor, modificar, salvar e subir de novo por FTP ou Git.

No Htmly, os planos pagos incluem um editor de código inline — você edita direto no navegador, com syntax highlighting e preview em tempo real. Não precisa baixar nada, editar e subir de novo. Para quem não é programador, existe até um modo visual onde você clica no texto e edita diretamente. Confira os planos e preços.

Perguntas frequentes

O site da IA funciona em celular?

Se você pediu para a IA fazer um site responsivo (e deveria sempre pedir), sim. O HTML gerado por ChatGPT e Claude já vem com media queries para diferentes tamanhos de tela na maioria dos casos. Sempre teste antes de publicar.

Posso usar meu próprio domínio?

No Htmly, sim. Com os planos Pro e Agency, você conecta seu domínio próprio (seusite.com.br) e ele aponta direto para o site que você publicou. O processo é configurar um registro DNS e aguardar a verificação automática.

O site que a IA criou é seguro?

O código HTML em si é seguro — ele roda no navegador do visitante, não em um servidor. O Htmly adiciona camadas extras de segurança: não executa PHP nos sites hospedados, valida todos os arquivos enviados, e serve tudo via HTTPS.

Posso publicar um site feito com IA para fins comerciais?

Sim. O código gerado por IAs como ChatGPT e Claude é seu para usar como quiser, incluindo fins comerciais. Só verifique se imagens ou fontes usadas têm licença adequada.

E se a IA gerou um site ruim?

Itere. A primeira versão raramente é perfeita. Peça ajustes específicos: "aumente o tamanho do título", "use cores mais vibrantes", "adicione mais espaço entre as seções". Cada iteração melhora o resultado.

Dicas para conseguir sites melhores da IA

  1. Descreva o público-alvo: "site para uma confeitaria artesanal no interior de São Paulo" gera algo muito mais específico do que "site de confeitaria"

  2. Mencione referências visuais: "design parecido com Apple, minimalista, com bastante espaço em branco" ajuda a IA a acertar o estilo

  3. Liste as seções: "seções: hero com chamada principal, sobre nós, serviços com ícones, depoimentos de clientes, formulário de contato, rodapé"

  4. Peça acessibilidade: "inclua atributos alt nas imagens, contraste adequado e navegação por teclado"

  5. Peça meta tags: "inclua meta tags para SEO: title, description e Open Graph"

Do prompt ao link: o resumo

O caminho completo em 2026 é surpreendentemente curto:

  1. Abra sua IA favorita (ChatGPT, Claude, Cursor, Bolt)
  2. Descreva o site que você quer — seja específico
  3. Salve o código como index.html (ou baixe como ZIP)
  4. Acesse htmly.com.br e arraste o arquivo
  5. Compartilhe o link — seu site está no ar

Cinco passos. Sem servidor, sem domínio complicado, sem linha de comando. A IA cuida da criação, a hospedagem de sites do Htmly cuida da publicação.

Se há um ano publicar um site exigia dias de trabalho ou centenas de reais em um desenvolvedor, hoje leva literalmente minutos e zero reais. A barreira entre ter uma ideia e ter um site na internet praticamente desapareceu.

Publique seu site agora →

Leia também:

Receba dicas de HTML e hospedagem

Cadastre-se e receba conteúdo exclusivo sobre como criar e publicar sites.

Publique seu site em segundos

Crie seu HTML (na mão ou com IA) e coloque no ar agora — sem servidor, sem complicação.

Comece grátis