Aula 3 | Turma maio 2026

O que aprendemos

Resumo da Sessao

Sessão prática centrada no Lovable como ferramenta de entrada para transformar uma ideia em protótipo funcional em minutos. Os formandos exploraram o workspace partilhado de créditos, fizeram a transição entre Google AI Studio e Lovable, e aprenderam a publicar e exportar projetos para GitHub. Houve demonstrações reais (site associativo com chatbot integrado, propostas comerciais interativas) e discussão sobre limites de prototipagem, RGPD, bases de dados e segurança. A aula terminou com a preparação para Google Antigravity, incluindo download, instalação e ativação do plano Pro antes da próxima aula de segunda-feira.

Navegacao temporal

Momentos-Chave

Clique em qualquer momento para saltar diretamente para essa parte da sessao gravada.

▶ 5:05

Como usar os resumos navegáveis

Cada aula fica organizada por tópicos, ferramentas e trabalhos recomendados
Os momentos-chave permitem encontrar rapidamente a parte relevante da gravação
A lista de ferramentas ajuda a rever links e contexto depois da sessão
O objetivo é estudar por blocos, sem precisar de rever a gravação completa de uma vez

▶ 11:37

Plano da sessão e próximos passos

Recap do fluxo: problema, requisito, design, código
Introdução ao Lovable como concentrador de design e desenvolvimento
Preparação para Google Antigravity como próximo passo de desenvolvimento local
Convite a dois voluntários para apresentar maquetes em demo curto

Infográfico sobre preparação do ambiente local para a próxima etapa com Antigravity — **Preparar o ambiente local** A próxima etapa pede conta, modelo, projeto e regras de segurança prontos antes da aula seguinte.

▶ 16:15

Demo do Elder: site associativo com chatbot

Página com inscrição de sócios construída no Google AI Studio
Chatbot integrado nativamente via opção do AI Studio
Design com paleta amarelo e azul alinhada ao símbolo da associação
Discussão sobre persistência: enquanto AI Studio mantém ligado, depois requer meio de pagamento

▶ 23:35

Arquitetura de chatbots e integrações

Google Sheets como base de dados de entrada para registar interações
Cuidado com prompt injection: isolar o chatbot dos sistemas críticos
Discussão sobre quando uma integração deve ficar isolada dos sistemas críticos
Possibilidade de instalar automações na infraestrutura interna para dados sensíveis

Infográfico sobre arquitetura de chatbots com dados, limites, validação, logs e sistemas críticos isolados — **Chatbots com fronteiras** Dados, permissões, logs e sistemas críticos devem estar separados para reduzir risco operacional e de segurança.

▶ 30:25

Caso da Teresa: design que não foi respeitado

O projeto saiu do Google AI Studio com paleta roxa e formas geométricas marcadas
Ao migrar para Lovable, o resultado gerou um layout desalinhado com a intenção inicial
Causa provável: seleção de um template pré-definido no início
Recomendação: remover elementos conflituantes, fixar critérios visuais e iterar

Infográfico sobre migração de design entre ferramentas e checklist de fidelidade visual — **Quando o design se perde** Ao migrar entre ferramentas, é preciso bloquear paleta, componentes, referências e critérios de aceitação antes de pedir nova implementação.

▶ 36:30

Limites para formatos publicitários

Lovable e AI Studio estão otimizados para sites e landing pages
Para banners 300x250 com formulário, Lovable e AI Studio não são o fluxo ideal
Imagem 2 do ChatGPT recomendado por Bilal para edição de imagem
Banners interativos com formulários implicam programação dedicada

▶ 42:51

Lovable em profundidade

Startup sueca, maior crescimento de receita europeia até 2026
Estratégia product-led growth com créditos diários gratuitos
Modo plano antes do build para evitar consumo desnecessário de créditos
Edição visual direta no front-end, semelhante a Elementor

Infográfico sobre Lovable como oficina de MVP com plano, build, edição e publicação — **Lovable como oficina de MVP** Planear antes de gastar créditos, construir o essencial, editar visualmente e publicar só quando o MVP já comunica valor.

▶ 1:11:38

Propostas comerciais como landing page

Joel mostra proposta a imobiliária com narração automática
Vantagem face a PDF: interatividade e MVP já integrado
Cliente recebe um link e pode partilhar internamente
Workshop demo: criar a proposta ao vivo durante a reunião com o cliente

▶ 1:21:30

Transferir projeto e ligar GitHub

Settings do projeto > Transfer Project move para conta pessoal
Ícone do gato no topo abre conexão com repositório GitHub
Repositório por defeito é privado; alterável em settings do GitHub
Publicar no Lovable com botão Publish gera URL partilhável

Infográfico sobre transferir workspace, ligar GitHub, manter repositório privado e publicar link revisto — **Do workspace ao repositório** Transferir para a conta certa, guardar código privado e publicar apenas um link revisto dá controlo individual sem perder colaboração.

▶ 1:41:13

Segurança, RGPD e contexto empresarial

Lovable Cloud tem scanner automático de falhas de segurança
Para RGPD escolher base de dados em servidores europeus
Usar protótipos como MVP para clientes corporativos avaliarem
Plano pago permite remover branding Lovable e usar domínio próprio

Toolkit

Ferramentas Essenciais

As plataformas e ferramentas mencionadas ou usadas no fluxo pratico da aula.

Lovable

Plataforma central da aula para gerar sites e MVPs a partir de prompt. Concentra design, desenvolvimento e publicação num único fluxo com edição visual direta.

Abrir ferramenta

Google AI Studio

Usado como entrada criativa antes do Lovable e para integrar chatbots nativos com modelos Gemini. Útil para protótipos rápidos enquanto não houver meio de pagamento.

Abrir ferramenta

GitHub

Repositório onde os projetos são exportados após transferência da conta partilhada para a pessoal. Permite controlar visibilidade pública ou privada do código.

Abrir ferramenta

Google Antigravity

IDE da Google recomendada no fecho da aula como preparação para o trabalho local da próxima sessão. Foi pedido aos formandos que fizessem download, instalassem no computador e ativassem o plano Pro para desbloquear os modelos necessários.

Abrir ferramenta

NotebookLM

Ferramenta da Google usada pelo Elder para gerar cronologias e conteúdo a partir de fontes. Útil para sumarizar e estruturar informação antes de a passar ao Lovable.

Abrir ferramenta

Resend

Serviço de envio de emails que o Lovable sugere automaticamente para formulários. Conta gratuita suficiente para protótipos e workflows básicos de notificação.

Abrir ferramenta

Neon

Base de dados PostgreSQL com plano gratuito recomendada quando se quer controlo total fora do ecossistema Supabase. Fornece string de conexão para integrar na app.

Abrir ferramenta

Proximos passos

Trabalhos de Casa

Tarefas praticas para transformar a sessao em progresso real antes da proxima aula.

Instalar Google Antigravity no computador

Fazer download e instalação local do Google Antigravity e colocar dúvidas no grupo se houver problemas.

Todos os formandosAté segunda-feira, 18 de maio de 2026

Ativar plano Pro do Google AI

Subscrever o plano pago (~22€) para desbloquear modelos da Anthropic; o valor será reembolsado pela LDS.

Todos os formandosAté segunda-feira, 18 de maio de 2026

Transferir projeto Lovable para conta pessoal

Mover o projeto do workspace partilhado para a conta individual e exportar o repositório para GitHub.

Todos os formandosAntes da próxima aula

Iterar o protótipo no Lovable

Aproveitar os 5 créditos diários gratuitos para refinar o design e funcionalidades do projeto pessoal.

Todos os formandosPróximos dias

Da ideia ao MVP com Lovable

Resumo da Sessao

Momentos-Chave

Como usar os resumos navegáveis

Plano da sessão e próximos passos

Demo do Elder: site associativo com chatbot

Arquitetura de chatbots e integrações

Caso da Teresa: design que não foi respeitado

Limites para formatos publicitários

Lovable em profundidade

Propostas comerciais como landing page

Transferir projeto e ligar GitHub

Segurança, RGPD e contexto empresarial

Ferramentas Essenciais

Lovable

Google AI Studio

GitHub

Google Antigravity

NotebookLM

Resend

Neon

Trabalhos de Casa

Lisbon Digital School • SprintAI • Vibe Coding • Turma maio 2026