Lovable: como criar um site com IA em uma tarde.

Lovable é uma plataforma de construção de sites e aplicativos por conversa com inteligência artificial. Você descreve em português o que quer construir e a IA escreve o código, hospeda e publica na hora.

Diferente de construtores tradicionais estilo arraste e solte, o Lovable gera código real, moderno e responsivo. Diferente de contratar programador, você não precisa esperar semana, aprovar orçamento nem gerenciar bug em outro fuso.

Para dono de negócio que precisa de site institucional, landing page de campanha ou app simples com banco de dados, é o caminho mais curto entre ideia e ar.

Você abre o Lovable, escreve o que quer em português, e a IA gera a primeira versão do projeto em segundos. A partir daí é iteração por conversa: "aumenta o botão", "muda o texto do hero para X", "adiciona um formulário que envia para WhatsApp".

• Prompt vira código: React moderno, responsivo por padrão, sem CSS quebrado em celular.
• Preview ao vivo: cada alteração aparece na hora, sem esperar deploy.
• Publicação incluída: URL pública em segundos, domínio próprio quando quiser.
• Banco de dados integrado: autenticação, formulários e tabelas em poucos prompts.
• Código exportável: tudo vai para o GitHub. O código é seu.

Casos que a Mads já entregou dentro do Lovable, todos publicados em ambiente real:

O site que você está lendo agora, madsacelerador.com, foi construído no Lovable pela própria Mads. Todo o hub de tráfego pago, todo o hub de IA, o quiz de diagnóstico com banco de dados, o sistema de SEO e GEO com JSON-LD por rota, o sitemap dinâmico, o llms.txt: tudo Lovable.

Além deste site, a Mads mantém dezenas de landing pages de clientes em produção construídas no Lovable, rodando anúncio de Google Ads, Meta Ads e TikTok Ads em cima. Isso é dogfooding: se recomendamos, é porque usamos em cliente pagante.

Se você quer ver o produto no ar antes de decidir, está vendo. Cada rota deste site é uma amostra do que dá para construir por conversa.

O Lovable tem plano gratuito para começar e planos pagos para uso profissional. A cobrança gira em torno da quantidade de mensagens de IA por mês, com faixas que atendem desde o dono de negócio experimentando até agências construindo em escala.

• Plano gratuito: quota mensal de mensagens, projetos ilimitados. Serve para testar, montar landing simples, aprender.
• Planos pagos: quotas maiores, prioridade e recursos avançados. Para quem usa como ferramenta de trabalho.
• Planos de time e agência: compartilhamento entre pessoas, útil para consultoria e agência.

Os valores exatos e os limites variam. Confira sempre a página oficial de preços do Lovable antes de contratar. O que não muda é a lógica: o plano gratuito resolve o teste inicial, e o pago se paga na primeira landing page entregue no mesmo dia.

Resumo honesto: se o seu problema é site institucional ou landing page com formulário, Lovable ganha. Se é blog gigante com curadoria editorial, WordPress ainda faz sentido. Se é produto de software complexo, contrate engenharia sênior.

1. Crie sua conta gratuita em lovable.dev. Bastam email e uma senha.
2. Escreva o primeiro prompt. Descreva o site como se estivesse explicando para um designer novo: quem é a empresa, o que faz, para quem, qual o objetivo principal da página, quais seções ter.
3. Deixe a IA gerar a versão inicial. Em segundos você tem uma primeira estrutura no ar.
4. Itere por conversa. Ajuste cor, tipografia, textos, imagens, ordem das seções. Cada alteração é um prompt.
5. Conecte formulário e pixel. Peça: "adiciona um formulário que envia o lead para o meu WhatsApp e dispara evento no Meta Pixel".
6. Publique. URL pública em segundos. Domínio próprio quando quiser conectar.

Se travar em qualquer etapa, é aqui que a Mads entra. A agência assume o projeto no ponto em que estiver, finaliza a página, sobe o pixel, conecta ao WhatsApp e liga a campanha de tráfego pago.

• Comece pelo objetivo, não pelo layout. "Quero uma landing page que gere agendamento de avaliação para clínica de estética em Limeira" gera resultado mais forte que "faz um site bonito".
• Descreva a persona. Quem lê, o que sente, o que teme, o que decide. A IA usa isso para ajustar tom e ordem.
• Peça referências, não estilos vagos. "Estética como o site da Anthropic" bate "moderno e clean".
• Uma coisa por prompt. Corrigir 10 problemas em um prompt gera erro. Vá um por vez.
• Peça código real, não mock. Se pedir formulário, peça já com backend, banco ou envio para WhatsApp. Assim não precisa refazer depois.
• Salve o que ficou bom. Ao fechar uma seção, peça para não mexer nela nos próximos prompts.