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.
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?
Me leve para a Base44 para construir meu app
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
Quanto mais detalhes você compartilhar, melhores os resultados. Você pode definir recursos adicionais depois, mas comece com os mais importantes. Para ajudar a definir claramente a Função (Passo 1 da fórmula acima), experimente o framework simples Quem, O Quê, Por Quê:
- 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
Imagine como você, ou outra pessoa, vai usar seu app. Descreva os principais passos ou jornada que seus usuários vão fazer, como se cadastrar, adicionar informações ou acompanhar progresso. Isso ajuda a IA a desenhar uma experiência que parece natural e útil.Por exemplo, você pode dizer à IA “Os usuários se cadastram, criam um novo projeto, definem marcos e acompanham seu progresso diariamente.”
Foque no resultado, não no processo
Você não precisa explicar nenhum passo técnico ou descrever como as coisas devem funcionar nos bastidores.Simplesmente compartilhe o resultado final que você quer, como “Permita que professores enviem tarefas e dêem feedback aos alunos.” A IA cuida de todos os detalhes complexos para você.
Continue evoluindo seu app
Seu primeiro prompt é só o começo. Você sempre pode pedir mudanças, atualizações ou novos recursos.Para apps maiores ou mais complexos, tente construir em etapas. Comece simples, depois adicione recursos ou detalhes de design um de cada vez. Experimente até que seu app combine com sua visão. Sempre que você dá feedback, a Base44 continua melhorando 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.| Técnica | Quando usar | Exemplos | Dica profissional |
|---|---|---|---|
| ”Deixe mais…” / “Deixe menos…” | Ajustar tom, layout ou ênfase | - “Deixe o cabeçalho menos marcante.” - “Deixe o CTA mais persuasivo.” | Adicione por quê: “Deixe o CTA mais persuasivo porque é o passo final na jornada do usuário." |
| "Adicione um…” / “Remova o…” | Adicionar/remover recursos específicos ou blocos de UI | - “Adicione uma seção de comentários a cada tarefa.” - “Remova a página de preços por enquanto.” | Agrupe ações para maior eficiência: “Adicione uma seção de comentários e mova-a para baixo da lista de tarefas." |
| "Mude [isto] para [aquilo]“ | Ajustar texto, visuais, layout ou lógica de componentes | - “Mude a cor da barra lateral para carvão.” - “Mude o botão ‘Submit’ para dizer ‘Send Request’.” | Adicione contexto em camadas: “Mude o texto do botão para corresponder ao tom amigável usado no resto do app." |
| "Deve parecer com…” | Pegar emprestado estilos familiares de apps para guiar layout ou comportamento | - “Deve parecer uma mistura entre Duolingo e Habitica.” - “Como uma versão mais leve do Airtable.” | Esclareça quais partes: “Use o tom divertido do Duolingo e o sistema de progresso gamificado do Habitica." |
| "Adicione lógica para…”(opcional) | Adicionar regras ou fluxos funcionais sem precisar de código | - “Adicione lógica para ocultar itens concluídos da visualização padrão.” - “Envie um lembrete se nenhuma ação em 3 dias.” | Descreva o resultado desejado depois que a lógica for adicionada: “Adicione lógica para que os usuários sejam lembrados se não fizerem login por uma semana." |
| "Agrupe ou organize…” | Estruturar conteúdo para clareza ou fluxo de trabalho | - “Agrupe tarefas por categoria” - “Organize configurações em seções colapsáveis” | Mencione as necessidades do usuário: “Organize tarefas por categoria para que os usuários possam encontrar rapidamente o que precisam." |
| "Adicione comportamento condicional…” | Introduzir ramificação inteligente ou funcionalidade baseada em estado | - “Mostre o botão de download apenas após o pagamento ser confirmado.” | Comece simples, expanda depois: “Adicione a condição primeiro, depois eu adiciono variações por tipo de usuário.” |
| Declarações “Permita que usuários…” | Enquadrar funcionalidade da perspectiva do usuário final | - “Permita que usuários enviem documentos e os marquem.” - “Permita que usuários salvem recursos para depois.” | Enquadre a funcionalidade em torno de desbloquear valor para o usuário: “Permita que usuários enviem documentos e os marquem para que possam encontrá-los facilmente depois.” |
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.
- 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?
Alguns recursos podem não ser suportados. Se não tiver certeza, você pode perguntar no nosso canal de ajuda no Discord.
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?
Você pode usar os AI Controls para limitar as mudanças da IA apenas às áreas que deseja atualizar. Isso é especialmente útil se outras partes do app estão sendo alteradas intencionalmente. Saiba mais sobre personalizar o chat de IA
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?
Use o modo Discuss na parte inferior do chat de IA. Ele permite conversar sobre ideias, revisar lógica ou planejar passos com a IA antes de fazer mudanças ou usar créditos. É ideal para garantir que seus objetivos estejam claros e explorar alternativas antes de aplicar atualizações no seu app. Saiba mais sobre os modos de chat
Por que a IA não está seguindo minhas instruções corretamente?
Por que a IA não está seguindo minhas instruções corretamente?
Pode levar algumas tentativas para a IA encontrar a solução perfeita. A intenção nem sempre fica totalmente clara e pequenos bugs podem aparecer. Para obter melhores resultados do chat, é muito útil ser o mais específico possível sobre o elemento que você está se referindo.Aqui estão algumas dicas que recomendamos:
- 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?
Se a IA estiver demorando muito ou parecer travada, tente atualizar a página ou reenviar seu prompt. Isso geralmente resolve o problema e faz as coisas voltarem a funcionar.
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?
Ao trabalhar com código gerado por IA, os resultados nem sempre podem ser os esperados. Para reduzir o risco de perder suas mudanças:
- 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.
Esta página foi traduzida usando IA. Para informações mais precisas e atualizadas, consulte a versão em inglês.