Como fazer sites com IA

Live gravada em:
April 30, 2025

Aprenda a usar IA para planejar, criar e personalizar sites do zero. Você verá como estruturar a ideia do site usando ChatGPT, preparar prompts completos e gerar o site, com código completo, usando a ferramenta Loveable. Também aprenderá a adicionar funcionalidades como chat e agendamento, além de entender como publicar e ajustar seu site. Tudo isso sem precisar saber programar!

Atualizações da aula:

Planejamento da Ideia com ChatGPT

  • Comece definindo seu projeto no ChatGPT: nome do site, conceito, paleta de cores, logo, seções e textos (copy).
  • Use o ChatGPT para criar um prompt detalhado que será enviado ao gerador do site, facilitando um resultado mais alinhado com o que deseja.
  • Exemplo: criação de um site fictício de apoio emocional para IA e robôs ("Algosinto"), que inclui nome, conceito leve e empático, e seções com textos criativos.

Criação do Site com Loveable

  • Use o prompt detalhado criado para gerar o site automaticamente na Loveable, uma ferramenta que cria sites e apps a partir de prompts.
  • O Loveable permite edição do código gerado e adiciona funcionalidades, como chat ao vivo e sistema de agendamento com calendário.
  • É possível publicar o site diretamente na plataforma ou exportar o código para uso externo.

Personalização e Ajustes

  • Ajuste elementos do site, como imagens, logotipo, textos e funcionalidades adicionais, via prompt em linguagem natural.
  • Para recursos mais complexos – como integrar calendários reais e sistemas de agendamento – será necessário conhecimento técnico ou ajuda de programadores.
  • A ferramenta é indicada tanto para iniciantes quanto para desenvolvedores que querem ganhar agilidade em projetos.

Publicação e Hospedagem

  • O site pode ser hospedado diretamente pelo Loveable; para usar domínios próprios e recursos avançados, é necessário um plano pago.
  • O código do site pode ser exportado para integrá-lo a outras plataformas, mas adaptações podem ser necessárias para WordPress ou sistemas similares.

Hora de CR_IAR!

Criar um site simples usando ChatGPT para gerar o conceito e textos, e o Loveable para desenvolver o site. Inclua no prompt um nome, paleta de cores, logo, estrutura de seções e texto, e peça para adicionar uma funcionalidade extra, como um formulário de contato ou chat simples. Publique o site em ambiente de teste e documente o processo.

Como fazer sites com IA
Ikonik Icon
48:16
Gravação:‎‎‎‎
30 Apr
2025
Ikonik Icon
Atualização:‎‎‎‎
21 May
2025
Ferramentas Utilizadas
Assets & links
Exercíciotranscrição Da aula