Como usar a Base44
A Base44 é um criador de apps e sites com IA. Você não precisa de habilidades de programação ou técnicas. Apenas descreva o que quer construir, e a Base44 vai dar vida à sua ideia.
Exemplos do que você pode construir na Base44
- Prototipar uma nova ideia de negócio
- Criar uma lista de tarefas pessoal
- Configurar uma página de inscrição para eventos com lembretes
- Construir uma pesquisa e ver respostas instantaneamente
- Acompanhar projetos ou vendas em um dashboard
- Criar um sistema de reservas seguro ou CRM
- Compartilhar arquivos privadamente com clientes
- Lançar um site comunitário com chat e analytics
Pronto para dar vida à sua ideia?
Construir meu app agora
Passo 1 | Descreva sua ideia
Comece indo para a Base44 e dizendo o que quer construir com suas próprias palavras. Quando você começa, será solicitado que faça cadastro. Isso garante que seu trabalho seja salvo, para que você possa voltar ao seu app a qualquer momento.Use um prompt
Simplesmente escreva com suas próprias palavras qual app você quer construir. Por exemplo, você pode digitar “uma lista de tarefas simples”, “um portal de cliente onde usuários podem fazer login” ou qualquer outra coisa que tiver em mente. Compartilhe quantos detalhes quiser. Esse primeiro prompt ajuda a iniciar seu app, e você pode adicionar mais recursos ou fazer mudanças depois. Você também pode começar conectando seu app a ferramentas populares como Google Workspace, Slack, GitHub e outras. Clique no menu +, escolha Connectors e envie seu prompt. Saiba mais em Configurando conectores compartilhados.
Use o modo plan
Use o modo plan quando quiser ajuda para planejar seu app antes de começar a construir. Ative Plan abaixo do primeiro prompt para iniciar uma conversa focada sobre o que você quer construir. A IA faz perguntas sobre seu app, como para quem é, o que deve fazer e o que você quer incluir. Conforme você responde, ela transforma suas ideias em um plano estruturado que você pode ajustar ao longo do caminho.
- Obter uma primeira construção de maior qualidade ao alinhar o app com sua intenção
- Reduzir idas e voltas depois adicionando detalhes chave desde o início
- Pensar sua ideia sem precisar saber o que especificar de antemão
- Capturar requisitos mais completos, incluindo fluxos, papéis e restrições
- Avançar mais rápido da ideia à execução mantendo-se em um fluxo focado
- Vá para a Base44.
- Digite seu primeiro prompt e ative o toggle Plan na caixa de prompt.
- Responda às perguntas e adicione mais detalhes conforme necessário.
- Clique em Start Building no plano quando estiver pronto.
Comece a partir de uma URL existente
Use Start from URL para iniciar um novo app na Base44 a partir de um site existente que você possui. Ele oferece um ponto de partida com precisão de pixel da página pública visível, focando no front end, incluindo a estrutura geral da página, seções de conteúdo chave, hierarquia visual e padrões familiares de UI como hero sections, cards e listas. Isso coloca algo reconhecível no editor do app imediatamente, para que você possa iterar com IA em vez de reconstruir tudo do zero. Você pode escolher como a Base44 usa o site:- Content & Design: Recria o conteúdo e layout do site para construir um site similar.
- Design only: Usa o estilo visual do site para criar um novo site com a mesma aparência.
- Recriar sites existentes que você possui sem redesenhar do zero
- Preservar sua marca, layout e hierarquia visual
- Iniciar migrações com uma estrutura de página sólida em vez de suposições
- Criar protótipos de alta fidelidade que parecem reais
- Vá para a Base44.
- Clique no ícone + na caixa de prompt.
- Clique em Start from URL.
- Cole a URL do site que você quer usar. Certifique-se de ter os direitos de usar o conteúdo na URL fornecida.
- Selecione Content & Design ou Design only, dependendo do que quer reutilizar.
- Clique em Add.
Comece a partir de um design do Figma
Use Import from Figma para transformar um design existente do Figma em um app Base44 funcional. Você pode começar a partir de um frame ou seção específico que projetou no Figma e deixar a Base44 recriar o layout, estrutura e estilo visual, para continuar de um ponto de partida familiar em vez de reconstruir a página do zero.
- Vá para a Base44.
- Clique no ícone + na caixa de prompt.
- Clique em Import from Figma.
- Clique em Connect to Figma.
- Siga as instruções na tela para dar acesso ao Figma à Base44.
- Cole seu link do Figma e clique em Import.
Requisitos do arquivo Figma
Requisitos do arquivo Figma
Preparar seu arquivo Figma corretamente ajuda a Base44 a ler seu design e recriá-lo como um layout funcional.
- Certifique-se de estar trabalhando em um arquivo Figma Design. FigJam, Slides e outros tipos de arquivo não são suportados.
- Selecione um único frame ou seção que você quer importar. Não use um documento inteiro ou link de página.
- No Figma, clique em Share e em Who has access, defina o link como Anyone with the link – Can view. Copie o link para o frame ou seção selecionado e cole em Import from Figma na Base44. Após a importação ser concluída, você pode voltar as permissões do arquivo Figma para privadas, se preferir.
Import from Figma foca no frame ou seção selecionado. Outras partes do arquivo do Figma não são trazidas para a Base44 a menos que você as importe separadamente.
Estruturando seu design
Estruturando seu design
Uma estrutura clara no Figma facilita para a Base44 construir um layout responsivo que corresponda à sua intenção.
- Divida a página em seções lógicas: Envolva conteúdo relacionado (por exemplo, um hero, linha de recursos ou rodapé) dentro de frames ou grupos para que cada área da página esteja claramente definida.
- Use auto layout para hierarquia: Aplique
Auto Layouta componentes como cards, barras de navegação e blocos de conteúdo repetidos. Por exemplo, um card de informação com imagem, título e descrição deve ser agrupado comoFrameouGroup, ou de preferênciaAuto Layout. Isso ajuda a Base44 a entender como os elementos se relacionam entre si e como devem se redimensionar.
- Mantenha o aninhamento significativo: Agrupe elementos que pertencem juntos (por exemplo, imagem + título + descrição em um card) e evite aninhamento profundo e desnecessário que não reflete a estrutura visual.
- Alinhe e espace consistentemente: Use preenchimento, espaçamentos e alinhamento consistentes dentro de seus frames para que a Base44 possa preservar seu espaçamento e hierarquia.
Trabalhando com vetores e formas
Trabalhando com vetores e formas
Limpar elementos vetoriais antes de importar torna o posicionamento e renderização mais precisos. Achatar e simplificar vetores reduz surpresas em como os elementos alinham, escalam e renderizam na Base44.
- Achate vetores complexos: Se um vetor é construído a partir de muitos caminhos separados (por exemplo, um ícone feito de múltiplas formas), achate-o em um único vetor sempre que possível.
- Contorne traços antes de achatar: Para linhas, círculos, estrelas e formas similares: Use Outline Stroke e depois achate o resultado em um único elemento vetorial.
- Remova elementos ocultos: Apague camadas que estão completamente ocultas ou empurradas para fora da tela para que não interfiram no layout importado.
- Simplifique preenchimentos: Se um elemento tem múltiplos preenchimentos, mantenha apenas o que realmente precisa. A Base44 importa apenas o último preenchimento de um elemento.
Notas e limitações
Notas e limitações
Import from Figma foca em recriar o design visual e layout do seu frame com a maior precisão possível, mas há algumas limitações atuais.
- Fontes: Apenas Google Fonts são totalmente suportadas. Fontes personalizadas são substituídas por uma fonte padrão durante a importação. Você pode ajustar a tipografia depois na Base44.
- Efeitos de design: Alguns efeitos do Figma ainda não são suportados. Por exemplo: filtros de imagem, múltiplas camadas de fundo em um único elemento e variáveis.
- Ajustes finos após a importação: Você sempre pode refinar espaçamento, responsividade e interações depois da importação usando o chat de IA ou modo Edit no editor do app.
Construindo o resto do seu app
Construindo o resto do seu app
Depois que seu frame do Figma é importado, você pode tratar a nova página como a base para um app ou site completo. Use a página importada como sua home page e principal referência para estrutura, layout e linguagem visual. Peça ao chat de IA para:
- Identificar quais páginas adicionais estão faltando (por exemplo, Sobre, Preços, Blog ou Contato).
- Criar novas páginas que sigam a mesma linguagem de design e princípios de layout.
- Conectar botões, menus e links na home page às novas páginas internas.
Revise a home page cuidadosamente, incluindo seu conteúdo e estilo de design. Use a home page como referência principal para entender a estrutura e linguagem de design do site. Identifique quais páginas adicionais são necessárias para criar um site completo. Crie as páginas que faltam mantendo a mesma linguagem de design, princípios de layout e estilo visual da home page, para que elas pareçam uma continuação direta e não desconectadas. Quando terminar, volte à home page e conecte todos os botões e links relevantes para que cada um navegue para a página interna apropriada.
Passo 2 | Veja seu app ganhar vida
Depois que você compartilha sua ideia, a IA da Base44 cuida do resto. Ela automaticamente desenha a aparência do seu app, escolhendo cores, organizando botões e organizando menus para deixar tudo limpo e funcionando bem. Se precisar de páginas ou recursos especiais como calendário, formulários ou lista de tarefas, a Base44 adiciona imediatamente para que seu app esteja pronto para uso. Todas as partes complexas também são cuidadas para você nos bastidores. A Base44 armazena com segurança todos os dados do seu app, gerencia sistemas de conta e login se você precisar deles, e mantém a tecnologia que alimenta seu app funcionando bem. Você não precisa configurar nem gerenciar nada por conta própria; a Base44 cuida de cada detalhe para você focar nas suas ideias.
Passo 3 | Personalize seu app
Depois que seu app é construído, você pode torná-lo verdadeiramente seu. A maneira mais fácil é com o chat de IA. Apenas digite o que quer mudar ou adicionar, e a Base44 atualiza seu app para você. Por exemplo, você pode dizer “Mude a cor principal para verde”, ou “Adicione uma página de cadastro que coleta nome completo e empresa”. Há várias maneiras de mudar e melhorar seu app para atender suas necessidades. Você pode:Mudar a funcionalidade do seu app
Mudar a funcionalidade do seu app
Adicione novos recursos ou mude como seu app funciona. Com o chat de IA, você pode:
- Adicionar botões ou formulários para usuários interagirem
- Criar fluxos automatizados, como enviar um e-mail de boas-vindas quando alguém se cadastra
- Configurar notificações, lembretes ou mensagens automatizadas
- Pedir à IA para adicionar ou atualizar páginas (por exemplo, “Adicione uma página de calendário para eventos”)
- Ajustar a lógica por trás de como seu app responde aos usuários ou gerencia diferentes tarefas
Projetar seu app
Projetar seu app
Personalize as cores, layout e estilo do seu app apenas conversando com a IA. Você pode:
- Mudar a cor de fundo, cor do texto ou estilo da fonte
- Reorganizar seções, mover botões ou atualizar imagens e ícones
- Aplicar mudanças globalmente ou em apenas uma página (por exemplo, “Aplique essa nova fonte em cada tela” ou “Mude apenas o fundo da página de login”)
Gerenciar os dados que ele coleta
Gerenciar os dados que ele coleta
Decida quais informações seu app usa e coleta.
- Use o chat de IA para construir ou mudar fluxos de dados (por exemplo, “Adicione um campo ao formulário de cadastro para nome da empresa”).
- Crie ou atualize formulários para coletar detalhes dos usuários, como cadastros, feedback ou pedidos.
- Em Data no dashboard do seu app, você pode organizar os dados que seu app coleta, definir regras de quem pode adicionar, editar ou ver informações, e exportar seus dados para usar em outro lugar.
Atualizar as configurações do seu app
Atualizar as configurações do seu app
Controle quem pode acessar seu app e o que podem fazer. Em Settings no dashboard do seu app, você pode:
- Definir permissões para que apenas certas pessoas ou papéis vejam ou editem informações (como tornar algumas páginas visíveis apenas para admins)
- Decidir se seu app é público, apenas por convite ou restrito a usuários específicos ou membros do workspace
- Configurar login e cadastro seguros, incluindo logins sociais como Google
- Adicionar papéis de usuário personalizados e especificar exatamente o que cada papel pode fazer (por exemplo, “Crie um papel chamado Event Organizer que pode adicionar e editar eventos, mas não mudar configurações do app”)
- Ajustar regras de privacidade e segurança para manter dados sensíveis seguros
Passo 4 | Teste seu app
Antes de compartilhar seu app com outras pessoas, é importante testar como tudo funciona. Há várias formas de explorar e verificar seu app de diferentes perspectivas:- Interaja com o preview como um usuário final. Clique, preencha formulários e verifique cada recurso.
- Clique no ícone More Actions na barra superior e selecione Act as a user para ver o app como uma pessoa ou papel específico.
- Peça ao chat de IA para ajudar a testar fluxos principais ou casos extremos, como “Teste como convidado” ou “Veja o que um admin pode fazer”.
- Crie perfis de usuário de teste com diferentes papéis ou permissões para revisar o que cada um pode acessar.
- Use uma janela anônima ou privada do navegador para ver o que um visitante de primeira viagem experimentaria.
- Verifique seu app tanto em desktop quanto em mobile para identificar problemas de layout ou navegação.
Passo 5 | Compartilhe e publique seu app
Quando estiver pronto para compartilhar seu app, clique em Publish na barra superior. A partir daí você pode:- Copiar a URL web do seu app.
- Clicar em Connect a custom domain ou Get Domain para conectar seu próprio endereço.
- Clicar em Share your app para obter um link que pode compartilhar por e-mail ou redes sociais.
- Usar App Visibility para escolher quem pode acessar seu app.
- Clicar em Publish App para colocar suas últimas mudanças no ar.
Tour guiado do editor do app
Existem 3 áreas principais de trabalho dentro do editor do app: o chat de IA, o preview e o dashboard do seu app. A barra superior fica acima delas e oferece acesso rápido ao preview, dashboard, código, ferramentas de teste e publicação.Chat de IA
É onde você conversa com a Base44. Apenas digite o que quer no chat do lado esquerdo do editor do app, e a Base44 transforma suas ideias em realidade.
Preview
No lado direito da sua tela, você vê uma versão de preview do seu app à medida que ela é atualizada em tempo real. Você pode usar o preview para interagir com seu app exatamente como seus usuários vão fazer. Clique nas diferentes partes do seu app para ver como funciona, ou faça mudanças de design usando Visual Edit.
Dashboard do app
Vá ao dashboard do seu app sempre que quiser gerenciar seu app. No dashboard, você pode convidar colegas de equipe, acompanhar analytics e atividade do usuário, controlar acesso, definir seu app como público ou privado, adicionar um domínio personalizado e muito mais.
Começando com créditos e planos
A Base44 usa créditos sempre que a IA constrói ou atualiza algo para você. Visualizar e interagir com seu app nunca usa créditos. Você recebe créditos gratuitos quando se cadastra para começar. Quando estiver pronto para fazer mais, atualizar seu plano desbloqueia recursos como funções de backend, domínios personalizados, integração com GitHub e limites maiores de créditos. Saiba mais sobre créditos e planos.Perguntas frequentes
Clique em uma pergunta abaixo para saber mais.Meu app vai ficar bom no mobile?
Meu app vai ficar bom no mobile?
Sim. A Base44 adapta automaticamente seu app para dispositivos mobile. Use o menu de dispositivos na barra superior para alternar para a visualização mobile, verificar como tudo aparece e garantir que seu layout, botões e texto sejam fáceis de usar em qualquer tamanho de tela.
O que o monitor de atividade mostra?
O que o monitor de atividade mostra?
O monitor de atividade exibe as últimas ações e pedidos feitos pelo seu app. Você pode usá-lo para ver atividade do usuário, acompanhar desempenho e solucionar problemas em tempo real.Para acessar seu monitor de atividade, clique em Code no topo e depois clique no ícone Activity Monitor:
Como vejo os arquivos e componentes do meu app?
Como vejo os arquivos e componentes do meu app?
Você pode ver os arquivos e componentes que alimentam seu app a partir da barra superior e da visualização de código.
- Clique no ícone More Actions na barra superior e selecione Files used in this page para ver os arquivos atualmente usados na página que está editando. Use See all files para abrir a lista completa de arquivos.
- Clique em Code na barra superior para abrir a estrutura completa de arquivos do seu app e navegar pelos componentes.
- Para baixar tudo como um arquivo ZIP, abra Code e clique no ícone Export project as ZIP no canto superior direito da visualização de código.
- Para conectar seu projeto ao GitHub para controle de versão avançado, clique no ícone GitHub na barra superior e siga os passos de configuração.
Posso criar uma cópia do meu app?
Posso criar uma cópia do meu app?
Sim. Você pode clonar seu app a qualquer momento. Isso é útil se quiser testar grandes mudanças sem afetar seu app ao vivo, ou usar um app existente como ponto de partida para um novo projeto.Para clonar da sua página Apps:
- Vá para sua página Apps.
- Clique no ícone More actions no card do app.
- Clique em Clone App.
- Clique em Dashboard no seu editor do app.
- Clique em Settings.
- Clique em App Settings.
- Clique em Create Copy ao lado de Clone App.
Como apps Base44 são implantados?
Como apps Base44 são implantados?
Nós cuidamos disso automaticamente. A Base44 vem com hospedagem integrada, então não há processo de implantação. Quando seu app é criado, ele está instantaneamente ativo e compartilhável.
Posso exportar meu app?
Posso exportar meu app?
Sim. Você pode exportar o código do seu app a qualquer momento.
- Exportar como arquivo ZIP: Clique em Code na barra superior e depois clique no ícone Export project as ZIP no canto superior direito da visualização de código.
- Exportar para GitHub: Clique no ícone GitHub na barra superior e siga o fluxo de configuração.
Posso obter ajuda ou consultoria para revisar meu app Base44?
Posso obter ajuda ou consultoria para revisar meu app Base44?
Para orientação self-service enquanto trabalha, clique no seu avatar no seu workspace e selecione Help Center para abrir nossa documentação, ou vá para https://docs.base44.com/.Se precisar de mais ajuda prática, você tem algumas opções para obter ajuda especializada com seu app Base44.Você pode trabalhar com um Parceiro Base44 para suporte personalizado e individual em projetos maiores ou contínuos. Parceiros podem ajudar a planejar e construir apps completos, lidar com integrações complexas e fornecer orientação estratégica de longo prazo. Escolha seu parceiro →Se quiser feedback de outras pessoas construindo com a Base44, você também pode se juntar à nossa comunidade no Discord. É um ótimo espaço para conectar-se com outros que podem compartilhar conselhos, ajuda e dicas dos seus próprios projetos.
Posso despublicar meu app?
Posso despublicar meu app?
Sim. Você pode despublicar seu app a qualquer momento. Quando o app é despublicado, as pessoas não podem acessá-lo até você publicar novamente. Todos os seus dados e configurações são salvos quando você despublica.Para despublicar seu app:
- Vá para o dashboard do seu app.
- Clique em Settings, depois App Settings.
- Role até Danger Zone e clique em Unpublish App, depois Unpublish no diálogo.
Quais navegadores a Base44 suporta?
Quais navegadores a Base44 suporta?
Posso cobrar pessoas para usar meu app Base44?
Posso cobrar pessoas para usar meu app Base44?
Sim, você pode cobrar pessoas para usar seu app se estiver no plano Builder ou superior. Você pode conectar um provedor de pagamento, como Stripe ou outro serviço que suporta APIs, para aceitar pagamentos dos usuários do seu app. Use a aba Secrets para armazenar suas chaves de API com segurança.Veja como configurar pagamentos para seu app.
O que é o platform badge da Base44?
O que é o platform badge da Base44?
O platform badge é um rótulo que aparece no canto inferior direito do seu app ao vivo com o texto ‘Edit with Base44’. Ele deixa as pessoas saberem que você construiu seu app com a Base44, e permite que qualquer um crie uma cópia do seu app na própria conta para editar a própria versão.
Notas:
- Remover o platform badge não está disponível no plano gratuito. Você precisa atualizar para um plano pago para ocultá-lo.
- Se seu app está definido como privado, o badge não é exibido.
- Se seu app está definido como público, todos podem ver o badge. Se alguém clicar nele, é criada uma cópia do seu app na conta dessa pessoa para que ela edite a própria versão do app.
- Vá para o dashboard do seu app e clique em Settings.
- Clique em App Settings.
- Ative ou desative o toggle Platform Badge.
Há limitações de país ou região para minha conta Base44?
Há limitações de país ou região para minha conta Base44?
Como empresa baseada nos EUA, cumprimos os requisitos emitidos pelo U.S. Office of Foreign Assets Control (OFAC). Essas regulamentações nos proíbem de fornecer serviços a certos indivíduos, entidades ou jurisdições que aparecem nas listas de sanções da OFAC. Os seguintes países e regiões são restritos:
- Irã
- Coreia do Norte
- Síria
- Cuba
- A região da Crimeia
- A chamada República Popular de Donetsk
- A chamada República Popular de Lugansk
- Você não pode se registrar nem usar os serviços da Base44, incluindo sites Base44.
- Você não pode conectar domínios com as seguintes extensões à Base44 (apontando ou via name servers):
- Cuba: .cu
- Irã: .ir, .xn—mgba3a4f16a (ایران.)
- Coreia do Norte: .kp
- Síria: .sy, .xn—ogbpf8fl (سورية.)
Posso navegar pelo editor do app usando atalhos de teclado?
Posso navegar pelo editor do app usando atalhos de teclado?
Sim. Pressione Cmd+K (Mac) ou Ctrl+K (Windows) para abrir a paleta de comandos. A partir dela, você pode navegar entre visualizações, alternar páginas, abrir arquivos, pular para entidades, acionar ações rápidas como publicar ou convidar colaboradores, e pesquisar a documentação da Base44 sem sair do app. A paleta de comandos está disponível tanto na tela inicial do workspace quanto no editor do app.
Esta página foi traduzida usando IA. Para informações mais precisas e atualizadas, consulte a versão em inglês.