O guia completo do Lovable: como criar sites, landing pages e aplicações com IA sem programar (com exemplos e prompts)

O guia completo do Lovable: como criar sites, landing pages e aplicações com IA sem programar (com exemplos e prompts)

Durante anos, criar uma landing page, uma ferramenta interna ou um protótipo de produto significava briefing, orçamento, espera e várias rondas de alterações com uma agência ou uma equipa de desenvolvimento. Para muitas empresas, as ideias morriam na fila.

 

O Lovable mudou esta equação. Descreve-se o que se quer em linguagem natural — “uma landing page para o nosso webinar com formulário de inscrição” — e a IA constrói o site ou a aplicação completa, com design, base de dados, autenticação e publicação num domínio próprio. Em menos de dois anos, tornou-se uma das empresas de software que mais rapidamente cresceram na Europa.

 

Este guia mostra tudo o que o Lovable pode fazer em setembro de 2026, com exemplos e prompts para marketing, vendas e gestão — incluindo o que precisa de saber sobre SEO, visibilidade em IA e segurança dos sites criados com o Lovable.

 

Nota importante: este guia reflete o Lovable em setembro de 2026, com base na documentação oficial e nas notas de versão. O sistema de créditos mudou várias vezes em 2026 e algumas regras estão marcadas pelo próprio Lovable como temporárias. Os preços são indicados em dólares; confirme sempre em lovable.dev/pricing.


 

Índice

  1. O que é o Lovable
  2. Quem está por trás do Lovable
  3. Onde pode usar o Lovable
  4. Planos e preços
  5. Como funcionam os créditos
  6. Os modos de trabalho: Agent, Plan, Chat e Drafts
  7. Como escrever pedidos que funcionam no Lovable
  8. Do zero a uma landing page publicada: passo a passo
  9. Edição visual, código, design systems e Figma
  10. Lovable Cloud: base de dados, autenticação e armazenamento
  11. Lovable AI: IA dentro das suas aplicações
  12. Integrações: Stripe, Shopify, CRM e outras
  13. MCP e aplicações dentro do ChatGPT e do Claude
  14. Publicação e domínios
  15. SEO e visibilidade em IA nos sites Lovable
  16. Segurança: o que o Lovable faz e o que continua a ser consigo
  17. Equipas e colaboração
  18. Casos práticos para marketing e vendas
  19. Biblioteca de prompts
  20. Privacidade e limitações
  21. Plano de 30 dias
  22. Perguntas frequentes

 


 

1. O que é o Lovable

 

O Lovable é uma plataforma sueca que cria sites e aplicações web completas a partir de instruções em linguagem natural. Um agente de IA escreve o código, configura a base de dados, a autenticação e o armazenamento (Lovable Cloud), integra serviços como Stripe ou Shopify e publica o resultado num domínio próprio. O código pertence ao utilizador e pode ser sincronizado com o GitHub.

 

Este tipo de ferramenta é muitas vezes chamado “vibe coding”: em vez de escrever código, descreve-se o resultado pretendido e vai-se afinando em conversa.

 

Para que serve numa empresa

 

Uso Exemplos
Marketing Landing pages de campanhas, microsites de eventos, calculadoras e quizzes para gerar leads
Vendas Configuradores de orçamento, portais de propostas, ferramentas de apoio à equipa comercial
Operações Ferramentas internas, dashboards, formulários com fluxos de aprovação
Produto Protótipos e MVP para validar ideias antes de investir em desenvolvimento

 

2. Quem está por trás do Lovable

 

Facto Detalhe
Origem Estocolmo, Suécia; fundado em 2023 por Anton Osika e Fabian Hedin, a partir do projeto open-source GPT Engineer
Financiamento Ronda de 400 milhões de dólares em agosto de 2026, com avaliação de 13,3 mil milhões de dólares
Dimensão Segundo a TechCrunch, cerca de 500 milhões de dólares de receita anual recorrente em junho de 2026; o Lovable indica mais de 60 milhões de projetos criados
Parcerias recentes Integração com a Salesforce, programa de parceiros e aquisição da Sutro (setembro de 2026)

 

Porque é que isto importa: o Lovable é um dos casos de maior sucesso da tecnologia europeia, o que traz alguma estabilidade — mas também mudanças frequentes de produto e de preços.

 


 

3. Onde pode usar o Lovable

 

Onde Notas
lovable.dev Navegador, em qualquer computador
Aplicação de secretária Para quem trabalha todos os dias na plataforma
Aplicações iOS e Android Acompanhar e pedir alterações no telemóvel
ChatGPT, Claude e outras IA Através do servidor MCP do Lovable (secção 13)
Figma Plugin para enviar designs para o Lovable

 

4. Planos e preços

 

Valores da documentação oficial em setembro de 2026, em dólares. Os planos pagos têm vários níveis, conforme o número de créditos.

 

Plano Preço Créditos Destaques
Free 0 $ 5 por dia (máximo de 30 por mês) Sincronização com Git, conectores; sem domínio próprio
Pro a partir de 25 $/mês (cerca de 21 $/mês no pagamento anual) 100 a 10.000 por mês Edição de código, domínios personalizados, design systems, suporte por email, mais 5 créditos diários
Business a partir de 50 $/mês (cerca de 42 $/mês no pagamento anual) 100 a 10.000 por mês Tudo o que o Pro inclui, mais permissões por função, SSO, centro de segurança e dados excluídos do treino
Enterprise Sob consulta Personalizado Registos de auditoria, SCIM, análises de segurança agendadas, suporte dedicado

 

Estudantes e professores: 50% de desconto no Pro durante até 12 meses, com email académico.

 

Recomendação: para testar, o Free chega. Para publicar sites com domínio próprio, precisa do Pro. Para equipas com dados de clientes, o Business traz SSO, controlo de permissões e exclusão do treino.

 


 

5. Como funcionam os créditos

 

Desde junho de 2026, o Lovable usa um saldo único de créditos para tudo:

 

Tipo de consumo Como é contado
Build (construção) Cada pedido custa consoante a complexidade (nos exemplos oficiais, entre cerca de 0,5 e 1,7 créditos); o Plan Mode custa 1 crédito por mensagem
Chat Mensagens de conversa com uma quota diária; esgotada a quota, gasta créditos (regra marcada como temporária até 31 de outubro de 2026)
Run (funcionamento) Alojamento e backend do Lovable Cloud, uso de IA dentro das aplicações e conectores pagos

 

Regras importantes:

 

  • Os créditos mensais transitam para o mês seguinte (no pagamento mensal, expiram 2 meses após a atribuição).
  • As quotas diárias não transitam.
  • Pode comprar pacotes adicionais (no Pro, 15 $ por 50 créditos), válidos 12 meses, com recarga automática e limite de gasto.

 

Atenção: a crítica mais comum ao Lovable é o consumo de créditos em ciclos de correção — quando uma alteração estraga algo e são precisos vários pedidos para corrigir. A secção 7 mostra como evitar isto.

 


 

6. Os modos de trabalho: Agent, Plan, Chat e Drafts

 

Modo Para quê
Agent (construção) O agente altera o projeto: cria páginas, componentes, base de dados, integrações. Pode trabalhar durante muito tempo numa única instrução e testar páginas protegidas por login
Plan O agente pesquisa e propõe um plano antes de construir; o plano tem histórico de versões e pode ser corrigido por partes
Chat Conversa sobre o projeto sem alterar o código — ideal para perguntar, diagnosticar e planear
Drafts Versões de rascunho para experimentar sem afetar o projeto principal (setembro de 2026)

 

Regra de ouro: use o Plan ou o Chat para pensar e o Agent para executar. Pedir diretamente ao Agent sem plano é a forma mais rápida de gastar créditos em correções.

 


 

7. Como escrever pedidos que funcionam no Lovable

 

O primeiro pedido

 

O primeiro pedido define a base do projeto. Vale a pena investir nele.

 

Elemento Exemplo
O que é “Landing page para um webinar sobre IA no retalho”
Para quem “Diretores de marketing de empresas de retalho em Portugal”
Objetivo “Inscrições no webinar”
Secções “Hero com título e botão, 3 benefícios, oradores, programa, formulário, FAQ”
Funcionalidades “As inscrições ficam numa base de dados; recebo um email a cada inscrição”
Estilo “Minimalista, azul-escuro e branco, tipografia moderna, fotografias reais”
Língua “Todo o texto em português de Portugal”

 

Antes:

 
Faz-me uma landing page para um webinar

 

Depois:

 
Cria uma landing page para o webinar "IA no Retalho: o que muda em 2027" (Lisboa, online, 12 de março, 10h).
Público: diretores de marketing e de loja de empresas de retalho em Portugal.
Objetivo: inscrições.
Secções: hero com título, subtítulo e botão "Quero inscrever-me"; 3 benefícios;
2 oradores com foto, nome e cargo; programa em 4 pontos; formulário (nome, email, empresa, cargo);
5 perguntas frequentes; rodapé com política de privacidade.
As inscrições devem ficar guardadas numa base de dados e devo receber um email a cada nova inscrição.
Estilo: minimalista, azul-escuro e branco, responsivo, carregamento rápido.
Todo o texto em português de Portugal.

 

Técnicas para gastar menos créditos

 

  1. Planeie primeiro com o Plan Mode em alterações grandes.
  2. Uma alteração de cada vez: pedidos pequenos e concretos falham menos.
  3. Seja específico na localização: “No formulário da secção de contacto, muda o botão para verde”.
  4. Use a edição visual para textos, cores e espaçamentos (secção 9) em vez de pedidos ao agente.
  5. Quando algo falha, peça primeiro no Chat: “Explica porque é que o formulário não está a enviar, sem alterar nada.”
  6. Use o histórico: é possível voltar a uma versão anterior em vez de corrigir às cegas.

 


 

8. Do zero a uma landing page publicada: passo a passo

 

Passo O que fazer
1. Briefing Escrever o primeiro pedido completo (secção 7)
2. Revisão Ver a pré-visualização e listar as alterações
3. Ajustes Textos e cores com edição visual; estrutura e funcionalidades com o agente
4. Formulário e dados Confirmar que as inscrições ficam guardadas e que chegam os emails
5. SEO Títulos, descrições, imagens de partilha, sitemap (secção 15)
6. Segurança Correr a análise de segurança antes de publicar (secção 16)
7. Publicação Publicar e ligar o domínio próprio (secção 14)
8. Medição Ligar Google Analytics ou outra ferramenta de análise

 

9. Edição visual, código, design systems e Figma

 

  • Edição visual: clicar num elemento e alterar texto, cores, tamanhos e espaçamentos diretamente, sem pedir ao agente.
  • Edição de código (planos pagos): para quem sabe programar ou tem apoio técnico.
  • Design systems (planos pagos): definir as cores, tipografias e componentes da marca para que todos os projetos sigam a mesma identidade. No Business e no Enterprise, é possível definir um design system por defeito para a equipa.
  • Figma: um plugin envia os designs do Figma para o Lovable, e é possível anexar ficheiros .fig.
  • Modelos (templates): biblioteca de pontos de partida para sites e aplicações.

 

Boa prática: crie primeiro o design system da marca e use-o em todas as landing pages. Garante coerência e poupa pedidos.

 


 

10. Lovable Cloud: base de dados, autenticação e armazenamento

 

O Lovable Cloud é o backend integrado: permite que as aplicações guardem dados e tenham utilizadores sem configurar serviços externos.

 

Componente Para quê
Base de dados Guardar inscrições, leads, pedidos, produtos
Autenticação Login de utilizadores (clientes, parceiros, equipa)
Armazenamento Ficheiros e imagens carregados (até 5 GB por ficheiro)
Funções de servidor Lógica que corre no servidor (enviar emails, chamar APIs)
Região Alojamento na UE, nos EUA ou na Ásia-Pacífico

 

Para empresas portuguesas: escolha a região UE ao criar o backend, sobretudo se a aplicação guardar dados pessoais.

 

O Lovable continua também a suportar o Supabase como alternativa.

 


 

11. Lovable AI: IA dentro das suas aplicações

 

O Lovable AI permite acrescentar IA às aplicações criadas, sem configurar chaves de API próprias:

 

  • Assistentes de conversa (por exemplo, um chatbot que responde com base nos seus conteúdos)
  • Geração de imagem
  • Pesquisa semântica nos seus documentos
  • Texto para voz e transcrição

 

Segundo as notas de versão, estão disponíveis modelos da Google (Gemini), da OpenAI (GPT) e, desde setembro de 2026, da Anthropic (Claude). O uso gasta créditos.

 
Acrescenta à página de produto um assistente que responde a perguntas dos visitantes
com base nas fichas técnicas em PDF que carreguei. Se não souber a resposta,
deve sugerir o formulário de contacto. Responde sempre em português de Portugal.

 

12. Integrações: Stripe, Shopify, CRM e outras

 

Categoria Exemplos
Pagamentos e e-commerce Stripe, Shopify
Email Resend
CRM e vendas Salesforce, HubSpot, Pipedrive, Apollo.io, Gong
Produtividade Google Workspace, Microsoft 365, Notion, Slack, Telegram
Análise Google Analytics, PostHog
Dados e pesquisa Firecrawl, Perplexity, Apify, Snowflake
Design Canva
Cloud AWS, Azure, Google Cloud
 
Liga o formulário de contacto ao HubSpot: cada pedido deve criar um contacto
com nome, email, empresa e mensagem, e uma negociação na fase "Novo pedido".

 

13. MCP e aplicações dentro do ChatGPT e do Claude

 

  • O servidor MCP do Lovable permite trabalhar nos projetos a partir de outras ferramentas de IA, como o ChatGPT e o Claude.
  • Desde julho de 2026, as aplicações criadas no Lovable podem funcionar dentro do ChatGPT e do Claude.
  • Também é possível ligar servidores MCP de terceiros aos projetos.

 


 

14. Publicação e domínios

 

Opção Notas
Publicação alojada Com um clique, num endereço do Lovable
Domínio personalizado Nos planos pagos; pode ser configurado através da conversa
Pré-visualizações protegidas Links com palavra-passe e prazo de validade, para aprovação por clientes ou pela direção
Publicação interna Apenas para uma audiência escolhida (por exemplo, a equipa)
Código Sincronização com GitHub, GitLab ou Bitbucket, e download do código

 

15. SEO e visibilidade em IA nos sites Lovable

 

Durante muito tempo, a maior crítica ao Lovable no marketing era o SEO: os sites eram aplicações que só geravam o conteúdo no navegador, o que dificultava a leitura pelos motores de busca e pelos robôs de IA.

 

Segundo a documentação oficial, isto mudou em 2026:

 

Ponto Situação (setembro de 2026)
Projetos novos (desde 13 de maio de 2026) Renderização no servidor (SSR): o conteúdo chega completo aos motores de busca
Projetos antigos Pré-renderização apenas para robôs verificados, ou migração
Elementos de SEO Títulos e descrições, Open Graph, sitemap, robots.txt, dados estruturados (JSON-LD), URLs canónicos
Robôs de IA Possibilidade de servir uma versão em Markdown do site
Auditoria de SEO Análise a pedido, com correções num clique (gasta créditos)

 

Checklist de SEO e GEO para uma página Lovable

 

  • Confirmar que o projeto usa renderização no servidor (projetos criados depois de maio de 2026)
  • Título e descrição únicos em cada página
  • Um H1 claro, com a palavra-chave principal
  • Texto real na página (não apenas imagens com texto)
  • Dados estruturados adequados (Organization, Event, Product, FAQPage)
  • Sitemap submetido no Google Search Console
  • robots.txt a permitir os robôs de pesquisa e de IA que quer receber
  • Velocidade e versão móvel verificadas
 
Faz uma auditoria de SEO a este site e corrige: títulos e descrições únicos por página,
um H1 por página, texto alternativo nas imagens, dados estruturados Organization e FAQPage,
sitemap.xml e robots.txt a permitir o Googlebot, o GPTBot, o ClaudeBot e o PerplexityBot.
Mostra-me a lista de alterações antes de aplicar.

 

16. Segurança: o que o Lovable faz e o que continua a ser consigo

 

O que o Lovable faz

 

  • Análise básica antes de cada publicação, incluindo as regras de acesso à base de dados
  • Análise aprofundada a pedido e verificação contínua de dependências
  • Revogação automática de chaves de API expostas
  • No Business e no Enterprise: correções automáticas e bloqueio da publicação em caso de problemas críticos

 

O historial que deve conhecer

 

Data Incidente
2025 Uma vulnerabilidade (CVE-2025-48757) em aplicações ligadas ao Supabase com regras de acesso mal configuradas expôs dados de mais de 170 aplicações; o Lovable argumentou tratar-se de responsabilidade partilhada
Fevereiro a abril de 2026 Uma regressão permitiu a utilizadores com sessão iniciada ver o histórico de conversa e o código de projetos públicos; foi reportada em fevereiro e corrigida em abril, após divulgação pública. O Lovable tornou privados todos os projetos públicos antigos e mudou o processo de triagem

 

O que continua a ser responsabilidade sua

 

  • Rever quem pode ver e alterar os dados (regras de acesso)
  • Nunca colocar chaves secretas no código visível
  • Manter os projetos com dados de clientes como privados
  • Correr a análise de segurança antes de cada publicação
  • Pedir revisão técnica a aplicações que guardem dados pessoais ou de pagamento

 


 

17. Equipas e colaboração

 

  • Espaços de trabalho com funções e grupos
  • Limites de créditos por membro
  • SSO (SAML/OIDC, Entra ID), SCIM e autenticação em dois fatores (Business e Enterprise)
  • Estatísticas de utilização e de segurança do espaço de trabalho
  • Histórico de alterações atribuído a cada membro

 


 

18. Casos práticos para marketing e vendas

 

Os cenários seguintes são ilustrativos: mostram como usar as funcionalidades descritas, não resultados de clientes reais.

 

Cenário 1: Calculadora de poupança para gerar leads

 
Cria uma calculadora de poupança energética para empresas: o visitante indica
a fatura mensal de eletricidade, a área do edifício e o setor, e vê a poupança estimada
com painéis solares ao fim de 1, 5 e 10 anos. Para ver o relatório detalhado,
tem de deixar nome, email e empresa. Guarda as leads e envia-as para o HubSpot.
Os pressupostos de cálculo devem estar visíveis numa secção "Como calculamos".

 

Cenário 2: Portal de propostas para a equipa comercial

 
Cria uma ferramenta interna, com login da equipa, onde o comercial escolhe o cliente,
os serviços e as quantidades a partir da tabela de preços, e gera uma proposta em PDF
com o nosso design. As propostas ficam guardadas com estado (enviada, aceite, recusada).

 

Cenário 3: Microsite de campanha em 48 horas

Dia Tarefas
Dia 1 Briefing completo, design system da marca, primeira versão, revisão interna com link protegido
Dia 2 Ajustes, SEO, análise de segurança, domínio próprio, Google Analytics, publicação

 

19. Biblioteca de prompts

 

Marketing

 
Cria 3 variantes da secção principal desta landing page, com títulos e chamadas à ação diferentes,
para testarmos qual converte melhor. Mantém o resto da página igual.
 
Cria um quiz de 6 perguntas "Qual é o nível de maturidade digital da sua empresa?"
com resultado personalizado em 3 níveis e recolha de email antes do resultado.

 

Vendas

 
Cria um configurador de orçamento para os nossos serviços de manutenção:
o cliente escolhe o tipo de equipamento, a quantidade e a frequência, e vê um valor indicativo.
Os pedidos ficam guardados e o comercial da região recebe um email.

 

Operações

 
Cria um dashboard interno que mostra os pedidos de suporte por estado, prioridade e responsável,
com filtros e um gráfico da evolução semanal. Acesso apenas para a equipa.

 

Diagnóstico (modo Chat)

 
Sem alterar nada, explica-me porque é que o formulário de contacto não está a guardar os pedidos
e propõe a correção mais simples.

 

20. Privacidade e limitações

 

Utilização dos dados

 

Plano Treino dos modelos
Free e Pro Pode desativar a utilização dos dados para treino nas definições
Business e Enterprise Dados excluídos do treino

 

O Lovable refere relatórios SOC 2 e ISO 27001 e declara conformidade com o RGPD. A região de alojamento dos dados do Lovable Cloud pode ser escolhida (UE, EUA ou Ásia-Pacífico).

 

Limitações

 

Limitação Como lidar
Consumo de créditos em ciclos de correção Planear primeiro, pedidos pequenos, voltar a versões anteriores
Preços e regras de créditos mudam com frequência Confirmar antes de orçamentar projetos
Excelente para protótipos, sites e ferramentas simples; mais difícil em aplicações complexas Envolver uma equipa técnica quando a aplicação cresce
Dependência da plataforma (backend, IA, conectores) Sincronizar o código com o GitHub e documentar a arquitetura
Segurança depende também da configuração Análises de segurança e revisão técnica em aplicações com dados pessoais

 

21. Plano de 30 dias para dominar o Lovable

 

Semana Foco Ações
1 Primeiros passos Criar conta; construir uma landing page simples com um briefing completo; testar Plan, Chat e edição visual
2 Marca e dados Criar o design system da marca; ligar formulário a base de dados (região UE) e ao CRM
3 Publicação SEO completo, análise de segurança, domínio próprio e Google Analytics; publicar
4 Ferramentas Criar uma calculadora ou quiz para gerar leads e uma ferramenta interna simples; avaliar o consumo de créditos

 

22. Perguntas frequentes

 

O Lovable é gratuito?

 

Existe um plano gratuito com 5 créditos por dia (até 30 por mês), suficiente para experimentar. Para publicar com domínio próprio, é preciso um plano pago, a partir de 25 $/mês.

 

Preciso de saber programar para usar o Lovable?

 

Não para sites e ferramentas simples. Para aplicações complexas ou com dados sensíveis, é recomendável ter apoio técnico, sobretudo na segurança e na arquitetura.

 

Os sites feitos no Lovable são bons para SEO?

 

Os projetos criados desde maio de 2026 usam renderização no servidor, com títulos, descrições, dados estruturados, sitemap e robots.txt. Projetos mais antigos podem precisar de pré-renderização ou migração.

 

O código é meu?

 

Segundo o Lovable, sim. Pode sincronizá-lo com o GitHub, o GitLab ou o Bitbucket, ou descarregá-lo. O backend no Lovable Cloud e as integrações continuam, porém, ligados à plataforma.

 

O Lovable é seguro?

 

Tem análises de segurança automáticas antes da publicação e certificações declaradas. Mas houve incidentes em 2025 e 2026, e parte da segurança depende da configuração de cada projeto. Aplicações com dados pessoais devem ter revisão técnica.

 

Lovable ou uma agência?

 

O Lovable é excelente para criar rapidamente landing pages, protótipos e ferramentas simples. Para sites corporativos críticos, estratégia de marca, conteúdos e SEO avançado, a experiência humana continua a fazer a diferença — muitas agências já usam o Lovable como ferramenta de produção.

 


 

Isto é só o começo

 

O Lovable permite passar da ideia a uma página publicada em horas. Mas uma landing page só gera resultados com uma boa proposta de valor, um público bem definido, SEO bem feito e um processo comercial para tratar as leads que chegam.

 

👉 Agende uma análise rápida ao seu negócio

Marketing, comercial, tecnologia e IA: em 30 minutos, mostro-lhe onde a IA pode poupar tempo e gerar resultados na sua empresa — e por onde começar.

Tags: