Escrevendo seu primeiro prompt
Escrever seu prompt é o primeiro passo para construir o app que você sempre quis. Basta digitar o que você quer que seu app faça, e a IA vai construir para você. Você não precisa ser desenvolvedor nem entender de código. Isso é vibe coding: transformar suas ideias em apps reais simplesmente descrevendo-as com suas próprias palavras.
Escrevendo seu primeiro prompt na Base44
Construa um gerador de treinos. Ele deve criar planos de treino personalizados com base nos meus objetivos de fitness, disponibilidade de equipamentos e tempo disponível na minha semana.
Construa um CRM para fotógrafos. Inclua recursos para galerias de clientes, agendamentos de ensaios fotográficos e pacotes de preços.
Pronto para começar?
A fórmula do prompt
“Crie um site de [Função]. Use uma estrutura de [Layout]. Aplique uma estética de [Estilo Visual].”Passo 1 | Defina a função
Diga à IA exatamente qual é o “trabalho” que o site está fazendo. Um portfólio precisa ser marcante, enquanto um banco precisa parecer seguro.- Landing Page de SaaS: Focada em conversão, recursos e confiança.
- Portfólio Criativo: Focado em personalidade, visuais e fator “uau”.
- Loja de E-Commerce: Focada em grids de produtos, clareza e velocidade.
- Editorial ou Blog: Focado em legibilidade e tipografia.
Passo 2 | Escolha o estilo visual
Descreva o clima específico que você quer. Isso vai além de “limpo” ou “moderno”.- Tecnologia e confiança: Glassmorphism (vidro fosco) ou Aurora Gradients (luz suave).
- Luxo e história: Dark Academia (atmosférico, fontes serifadas), Eco-Minimalism (tons terrosos) ou Monochrome (preto e branco).
- Criativo e ousado: Neo-Brutalism (contornos brutos, cores conflitantes), Y2K ou Vaporwave (estéticas retrô).
Passo 3 | Selecione o layout
Diga à IA como organizar o conteúdo na tela para que ela não precise adivinhar.- O Bento Grid: Tudo é organizado em caixas ou células distintas. Ideal para sites com muitos recursos.
- Scrollytelling: O site é uma longa tela única. Conforme você rola, elementos se montam ou aparecem. Ideal para sites narrativos.
- Split-Screen: A tela é dividida ao meio. Um lado é fixo (texto), enquanto o outro se move (imagens). Ideal para sites focados em produtos.
O que evitar
Para garantir que a IA entenda sua visão claramente, evite estes erros comuns de prompt:- Pedidos vagos: Comentários como “Melhore isso” ou “Conserte” sem contexto deixam a IA adivinhando. Seja específico sobre o que precisa mudar.
- Muita coisa de uma vez: “Construa um site completo de e-commerce com pagamentos, estoque, avaliações e analytics” em uma mensagem pode causar confusão. Comece com a estrutura principal e adicione recursos passo a passo.
- Supor que a IA lembra de tudo: Se você conversou com a IA dias atrás ou em outro chat, lembre-a do contexto.
- Esperar que a IA leia sua mente: Se você tem um fluxo de design ou layout específico em mente, descreva-o com a maior precisão possível.
Dicas para ótimos prompts
Estas 4 estratégias simples vão ajudar você a escrever prompts com os melhores resultados na Base44.Seja claro e específico
- QUEM: Para quem é este app? (ex.: Consultores independentes)
- O QUÊ: O que ele os ajuda a fazer? (ex.: Gerenciar projetos de clientes e prazos)
- POR QUÊ: Por que alguém o usaria? (ex.: Para economizar tempo e ficar organizado)
Pense em quem vai usar seu app
Foque no resultado, não no processo
Continue evoluindo seu app
Técnicas para resultados melhores
Quando você está refinando seu app, há formas de conversar com a Base44 que ajudam ela a executar sua visão.Conversando com a IA
Construir seu app é uma conversa, não um comando único. Depois de usar as técnicas acima para refinar sua visão, você pode usar a interface de chat para moldar seu app passo a passo. Você pode fazer perguntas, adicionar novos recursos, atualizar detalhes ou mudar de ideia a qualquer momento. Não há limite para quantas mudanças você pode fazer. Se quiser tentar um novo layout, adicionar uma página ou remover algo, simplesmente digite seu novo pedido e a IA atualiza seu app em segundos.
Conversando com a IA para adicionar recursos após seu primeiro prompt
- Modo Discuss: Use o modo Discuss sempre que quiser fazer brainstorming ou conversar sobre ideias com a IA antes de fazer mudanças. É uma ótima forma de explorar opções e obter feedback sem afetar seu app ativo até estar pronto. Saiba mais sobre os modos de chat
- Histórico de reversão: Se mudar de ideia ou quiser voltar atrás, você pode facilmente restaurar qualquer versão anterior do seu app. Experimente o quanto quiser, sabendo que sempre pode desfazer ou revisitar versões passadas, se precisar. Saiba mais sobre reverter mudanças
Perguntas frequentes
Clique em uma pergunta abaixo para saber mais sobre usar prompts no chat de IA.Por que não consigo implementar o recurso que quero?
Por que não consigo implementar o recurso que quero?
Por que a IA muda partes do meu app que não mencionei, e como posso controlar isso?
Por que a IA muda partes do meu app que não mencionei, e como posso controlar isso?
Como posso revisar ideias com a IA antes de usar créditos em mudanças?
Como posso revisar ideias com a IA antes de usar créditos em mudanças?
Por que a IA não está seguindo minhas instruções corretamente?
Por que a IA não está seguindo minhas instruções corretamente?
- Usar Visual Edits para destacar diretamente o elemento e descrever a mudança que você quer
- Explicar o que você quer que aconteça (em vez do que está errado)
- Se repetir prompts, tente reformular com palavras-chave como redesenhar ou reconstruir
- Escrever na sua linguagem natural; quanto mais simples e claro o pedido, mais precisa será a resposta.
O que devo fazer se as respostas da IA estiverem lentas ou travarem?
O que devo fazer se as respostas da IA estiverem lentas ou travarem?
Como posso fazer prompts melhores para evitar perder mudanças de código com código gerado por IA?
Como posso fazer prompts melhores para evitar perder mudanças de código com código gerado por IA?
- Use AI controls para adicionar instruções personalizadas ou notas importantes que você quer que a IA lembre em cada prompt.
- Repita detalhes ou requisitos críticos nos seus prompts, especialmente quando o contexto importa.
- Salve seu trabalho regularmente e mantenha cópias de backup de versões importantes do seu código.
- Lembre-se de que fazer prompts eficazes é uma habilidade. Conforme você ganha experiência e as ferramentas de IA melhoram, seus resultados ficam melhores.
- Revise cuidadosamente tanto seus prompts quanto a saída da IA para garantir que seu contexto e requisitos sejam tratados da forma que você pretende.