> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Internal links on these pages omit the .md extension. Append .md to a docs page URL, or send an Accept: text/markdown header, to get that page as markdown.

# Conhecendo o editor do app

> Faça um tour pelo editor do app da Base44: o chat de IA, a pré-visualização, o modo Edit, o canvas, o Dashboard, o histórico de versões, os branches e a publicação, e onde encontrar cada um.

export const ImageHotspots = ({src, alt, spots = []}) => {
  const [active, setActive] = useState(null);
  const closeTimer = useRef(null);
  const toggle = i => setActive(current => current === i ? null : i);
  const open = i => {
    clearTimeout(closeTimer.current);
    setActive(i);
  };
  const scheduleClose = i => {
    clearTimeout(closeTimer.current);
    closeTimer.current = setTimeout(() => setActive(current => current === i ? null : current), 250);
  };
  const accent = '#FF6A00';
  return <div className="not-prose" style={{
    margin: '24px 0'
  }}>
      <div style={{
    position: 'relative',
    borderRadius: 12,
    overflow: 'visible',
    border: '1px solid rgba(0,0,0,0.08)'
  }}>
        <img src={src} alt={alt} style={{
    display: 'block',
    width: '100%',
    height: 'auto',
    borderRadius: 12,
    margin: 0
  }} />
        {spots.map((spot, i) => spot.from === undefined ? null : <div key={`line-${i}`} aria-hidden="true" style={{
    position: 'absolute',
    left: `${spot.x}%`,
    top: `${Math.min(spot.from, spot.y)}%`,
    height: `${Math.abs(spot.y - spot.from)}%`,
    width: 2,
    transform: 'translateX(-50%)',
    background: accent,
    zIndex: 10,
    pointerEvents: 'none'
  }} />)}
        {spots.map((spot, i) => {
    const isActive = active === i;
    const cardOnLeft = spot.x > 60;
    const cardAbove = spot.y > 65;
    return <div key={i} style={{
      position: 'absolute',
      left: `${spot.x}%`,
      top: `${spot.y}%`,
      transform: 'translate(-50%, -50%)',
      zIndex: isActive ? 30 : 20
    }} onMouseEnter={() => open(i)} onMouseLeave={() => scheduleClose(i)}>
              <button type="button" aria-label={`${i + 1}. ${spot.title}`} aria-expanded={isActive} onClick={() => toggle(i)} style={{
      width: 'clamp(16px, 1.9vw, 22px)',
      height: 'clamp(16px, 1.9vw, 22px)',
      borderRadius: '50%',
      border: '2px solid #fff',
      background: accent,
      color: '#fff',
      fontSize: 'clamp(9px, 1.1vw, 12px)',
      fontWeight: 700,
      lineHeight: 1,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      cursor: 'pointer',
      boxShadow: isActive ? `0 0 0 6px rgba(255,106,0,0.25)` : '0 1px 4px rgba(0,0,0,0.3)',
      padding: 0
    }}>
                {i + 1}
              </button>
              {isActive && <div style={{
      position: 'absolute',
      [cardOnLeft ? 'right' : 'left']: '100%',
      [cardAbove ? 'bottom' : 'top']: -6,
      [cardOnLeft ? 'paddingRight' : 'paddingLeft']: 10
    }}>
                <div role="tooltip" style={{
      width: 240,
      background: '#fff',
      color: '#1a1a1a',
      border: '1px solid rgba(0,0,0,0.1)',
      borderRadius: 10,
      boxShadow: '0 8px 24px rgba(0,0,0,0.15)',
      padding: '12px 14px',
      fontSize: 14,
      lineHeight: 1.45,
      textAlign: 'left'
    }}>
                  <div style={{
      fontWeight: 600,
      marginBottom: 4
    }}>{spot.title}</div>
                  <div style={{
      color: '#444'
    }}>{spot.text}</div>
                  {spot.href && <a href={spot.href} style={{
      display: 'inline-block',
      marginTop: 8,
      color: accent,
      fontWeight: 600,
      textDecoration: 'none'
    }}>
                      {spot.linkText || 'Learn more'} →
                    </a>}
                </div>
                </div>}
            </div>;
  })}
      </div>

      <ol style={{
    listStyle: 'none',
    padding: 0,
    margin: '16px 0 0',
    display: 'grid',
    gap: 8
  }}>
        {spots.map((spot, i) => <li key={i} style={{
    display: 'flex',
    gap: 10,
    alignItems: 'flex-start',
    margin: 0
  }}>
            <button type="button" onClick={() => toggle(i)} aria-label={`Show ${spot.title} on the screenshot`} style={{
    flex: '0 0 auto',
    width: 22,
    height: 22,
    marginTop: 2,
    borderRadius: '50%',
    border: 'none',
    background: active === i ? accent : 'rgba(255,106,0,0.15)',
    color: active === i ? '#fff' : accent,
    fontSize: 12,
    fontWeight: 700,
    cursor: 'pointer',
    padding: 0
  }}>
              {i + 1}
            </button>
            <span style={{
    fontSize: 15,
    lineHeight: 1.55
  }}>
              <strong>{spot.title}:</strong> {spot.text}
              {spot.href && <>
                  {' '}
                  <a href={spot.href} style={{
    color: accent
  }}>
                    {spot.linkText || 'Learn more'}
                  </a>
                </>}
            </span>
          </li>)}
      </ol>
    </div>;
};

O editor do app é onde você cria seu app na Base44. Você descreve o que quer no chat de IA à esquerda, e seu app é atualizado na pré-visualização à direita, então você vê cada mudança enquanto ela acontece. Use este tour para saber o que cada parte do editor do app faz e onde encontrá-la. Depois, siga os links quando quiser se aprofundar.

***

## Visão geral

O editor do app tem 2 áreas principais: o chat de IA à esquerda e seu app à direita. Os controles que você mais usa ficam na barra acima delas. Passe o mouse ou toque em um número para ver o que cada parte faz.

<ImageHotspots
  src="/images/app-editor-map.png"
  alt="Uma captura de tela do editor do app com o painel do chat de IA à esquerda, a pré-visualização do app à direita e a barra superior acima"
  spots={[
{ x: 12.5, y: 86, title: "Chat de IA", text: "Descreva o que você quer criar ou mudar e veja a pré-visualização ser atualizada.", href: "#chatting-with-ai" },
{ x: 13.2, y: 9, from: 4.5, title: "Branch", text: "Teste mudanças em uma cópia separada do seu app antes de mesclá-las.", href: "#trying-ideas-safely" },
{ x: 20.8, y: 9, from: 4.5, title: "Histórico de versões", text: "Volte para uma versão anterior do seu app.", href: "#undoing-changes" },
{ x: 23.3, y: 15, from: 4.5, title: "Ocultar painel do chat", text: "Veja seu app em largura total, sem o chat. Clique novamente para trazer o chat de volta." },
{ x: 28.1, y: 9, from: 4.5, title: "Pré-visualização", text: "Veja seu app como os visitantes verão e experimente-o.", href: "#previewing-your-app" },
{ x: 34.2, y: 9, from: 4.5, title: "Dashboard", text: "Gerencie os dados, usuários, configurações e muito mais do seu app.", href: "#using-the-dashboard" },
{ x: 40.3, y: 9, from: 4.5, title: "Edit", text: "Altere textos, cores, fontes e espaçamentos manualmente.", href: "/pt-BR/Building-your-app/Design" },
{ x: 44.2, y: 9, from: 4.5, title: "Canvas", text: "Veja todas as suas páginas de uma vez em um único quadro.", href: "/pt-BR/Building-your-app/Canvas" },
{ x: 65.0, y: 9, from: 4.5, title: "Campo de página", text: "Abra outra página ou atualize a pré-visualização.", href: "/pt-BR/Building-your-app/managing-your-pages", linkText: "Gerenciando suas páginas" },
{ x: 71.7, y: 9, from: 4.5, title: "Dispositivo", text: "Veja como seu app fica no desktop, tablet e celular.", href: "#previewing-your-app" },
{ x: 85.7, y: 9, from: 4.5, title: "Comentários", text: "Fixe feedback para seus colaboradores em qualquer página.", href: "/pt-BR/Building-your-app/Commenting-on-your-app" },
{ x: 89.1, y: 15, from: 4.5, title: "Colaboradores", text: "Veja quem está criando com você e convide mais pessoas.", href: "#working-with-others" },
{ x: 92.4, y: 9, from: 4.5, title: "Mais ações", text: "Encontre ferramentas que você usa com menos frequência, como Act as a user e o monitor de atividades.", href: "#additional-actions" },
{ x: 96.5, y: 15, from: 4.5, title: "Publicar", text: "Coloque seu app no ar.", href: "#publishing-your-app" },
]}
/>

<Tip>
  Novo na Base44? Comece pelo chat de IA. Você pode criar um app inteiro apenas conversando e voltar ao resto do editor do app quando precisar. Nada do que você cria fica no ar até você clicar em **Publish**, e você pode desfazer qualquer mudança, então experimente à vontade.
</Tip>

***

## Conversando com a IA

O chat de IA à esquerda é onde você cria. Descreva o que você quer com palavras simples, e a IA atualiza seu app. A caixa de mensagem também permite anexar arquivos, escolher um modelo e definir instruções personalizadas. Saiba mais sobre [como usar o chat de IA](/pt-BR/Building-your-app/AI-chat-modes).

O chat de IA tem 2 modos. Alterne entre eles com o botão de modo na caixa de mensagem, ou pressione **Cmd+.** (Mac) ou **Ctrl+.** (Windows):

* **Build:** A IA altera seu app enquanto você conversa.
* **Discuss:** Faça perguntas ou planeje sua próxima mudança. A IA não altera seu código até você aprovar.

<Frame caption="Escolhendo entre Build e Discuss no chat de IA">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-chat-modes.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=c8daea23cd13a90750ff2feb2e1ce71e" alt="A caixa de mensagem do chat de IA com o menu suspenso de modo aberto e destacado, mostrando Build e Discuss" style={{ maxWidth: "420px" }} width="806" height="500" data-path="images/app-editor-chat-modes.png" />
</Frame>

<Tip>
  Não sabe como pedir algo? Use **Discuss** para conversar sobre a ideia primeiro e depois mude para **Build** quando estiver pronto. Saiba mais sobre [como escrever bons prompts](/pt-BR/Getting-Started/Prompt-guide).
</Tip>

***

## Pré-visualizando seu app

A pré-visualização à direita mostra seu app como as pessoas que o usam o veem. Navegue por ela para testar seu app enquanto você cria.

No topo da pré-visualização, você pode:

* **Abrir outra página:** Digite o caminho de uma página no campo de página, por exemplo `/home`. Saiba mais sobre [como gerenciar suas páginas](/pt-BR/Building-your-app/managing-your-pages).
* **Atualizar a pré-visualização:** Clique no ícone de atualizar no início do campo de página.
* **Verificar outros tamanhos de tela:** Clique no ícone de dispositivo no final do campo de página para alternar entre desktop, tablet e celular.
* **Editar manualmente:** Clique em **Edit** e depois em qualquer elemento do seu app para alterar texto, cores, fontes ou espaçamento sem usar o chat de IA. Saiba mais sobre [como fazer o design do seu app](/pt-BR/Building-your-app/Design).
* **Ver todas as páginas de uma vez:** Clique no ícone **Canvas** para organizar todas as suas páginas em um único quadro, adicionar notas adesivas e desenhos e enviar ideias para o chat de IA. Saiba mais sobre [como usar o canvas](/pt-BR/Building-your-app/Canvas).

<Frame caption="Selecionando um elemento no modo Edit para abrir as opções de estilo">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-edit-mode.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=aa93e083f39530ac1bb265db851af998" alt="O modo Edit com um título selecionado na pré-visualização, a barra de estilo aberta e o botão Edit destacado" width="1798" height="860" data-path="images/app-editor-edit-mode.png" />
</Frame>

***

## Desfazendo mudanças

Cada mudança é salva como uma versão, então você sempre pode voltar. Escolha a forma que combina com o que você quer desfazer:

* **Uma mudança da IA:** Passe o mouse sobre a mensagem no chat e clique no ícone **Revert** abaixo dela. Seu app volta a ser como era antes daquela mensagem, e as mudanças posteriores também são desfeitas.
* **Uma mudança que você fez manualmente:** No **Edit** ou no **Canvas**, clique no botão de desfazer na barra, ou pressione **Cmd+Z** (Mac) ou **Ctrl+Z** (Windows).
* **Muitas mudanças de uma vez:** Clique no ícone **Version history** acima do chat de IA para pré-visualizar qualquer versão anterior, restaurá-la no editor do app ou publicá-la diretamente enquanto você continua trabalhando no seu rascunho.

Saiba mais sobre [como reverter mudanças](/pt-BR/Building-your-app/AI-chat-modes#reverting-changes).

***

## Usando o Dashboard

Clique em **Dashboard** no topo da pré-visualização para gerenciar tudo o que está por trás do seu app, como dados, usuários, domínios e configurações. Cada seção abre pela barra lateral à esquerda. Algumas seções só aparecem quando seu app as usa. Por exemplo, **Payments** aparece depois que você conecta um provedor de pagamento, e **Secrets** aparece quando seu app tem funções de backend.

<Frame caption="O Dashboard, aberto em Overview">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-dashboard.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=ab3398eaf36f8aa00c365d7e2e212f2b" alt="O Dashboard do app aberto em Overview, com a barra lateral listando todas as seções" width="1440" height="665" data-path="images/app-editor-dashboard.png" />
</Frame>

| Seção | O que você faz nela | Saiba mais |
| - | - | - |
| **Overview** | Verifique o status do seu app e quem pode abri-lo | [Visibilidade do app](/pt-BR/Setting-up-your-app/Managing-access#setting-your-app-visibility) |
| **App Users** | Convide pessoas para o seu app e escolha as funções delas | [Gerenciando o acesso](/pt-BR/Setting-up-your-app/Managing-access) |
| **Data** | Veja e edite os dados que seu app armazena | [Gerenciando os dados do seu app](/pt-BR/Building-your-app/Managing-your-app-data) |
| **Analytics** | Veja quantas pessoas visitam seu app e o que elas fazem | [Analytics do app](/pt-BR/documentation/performance-and-seo/app-analytics) |
| **Marketing** | Melhore seu SEO e divulgue seu app | [Criando um plano de marketing](/pt-BR/promoting-your-app/creating-a-marketing-plan) |
| **Domains** | Altere a URL do seu app ou conecte um domínio personalizado | [Configurando seu domínio](/pt-BR/Setting-up-your-app/Setting-up-your-custom-domain) |
| **Integrations** | Conecte seu app a outros serviços | [Usando integrações](/pt-BR/Integrations/Using-integrations) |
| **Security** | Verifique seu app em busca de problemas de segurança e corrija-os | [Executando uma verificação de segurança](/pt-BR/Setting-up-your-app/running-a-security-scan) |
| **Code** | Veja e edite o código do seu app | [Ferramentas para desenvolvedores](/pt-BR/documentation/building-your-app/developer-tools) |
| **Agents** | Adicione agentes de IA que funcionam dentro do seu app | [Agentes no app](/pt-BR/Building-your-app/AI-agents-for-apps) |
| **Workflows** | Automatize tarefas que são executadas em um horário ou quando algo acontece | [Criando workflows](/pt-BR/Building-your-app/Creating-workflows) |
| **Emails** | Crie o design dos e-mails que seu app envia | [Criando o design de e-mails](/pt-BR/Building-your-app/Designing-emails) |
| **Logs** | Revise tudo o que acontece no seu app | [Explorando os logs do app](/pt-BR/Building-your-app/exploring-app-logs) |
| **API** | Conecte outras ferramentas aos dados do seu app | [A API do seu app](/pt-BR/Building-your-app/your-apps-api-page) |
| **Settings** | Altere o nome e as configurações gerais do seu app, ou exclua o app | |
| **MCP** | Permita que assistentes de IA trabalhem com seu app | [MCP do app](/pt-BR/Integrations/app-mcp) |

<Tip>
  Use a caixa de pesquisa no topo da barra lateral do Dashboard para ir direto a uma seção, uma tabela de dados ou um conector pelo nome.
</Tip>

***

## Publicando seu app

Quando seu app estiver pronto, clique em **Publish** no canto superior direito para colocá-lo no ar. No painel **Publish Your App**, você pode copiar o link do seu app, escolher quem pode abri-lo com **App visibility** e [conectar um domínio personalizado](/pt-BR/Setting-up-your-app/Setting-up-your-custom-domain).

<Note>
  Seu app no ar só muda quando você publica. Continue criando no editor do app e clique em **Publish** novamente sempre que quiser que as pessoas vejam sua versão mais recente.
</Note>

***

## Trabalhando com outras pessoas

Clique em **Add collaborator** (+) ao lado dos avatares no canto superior direito para convidar alguém para criar com você. Todos veem o mesmo rascunho, e os avatares mostram quem está no editor do app agora. Use **Comments** no topo da pré-visualização para deixar feedback sobre uma parte específica de uma página. Saiba mais sobre [como trabalhar com colaboradores](/pt-BR/Setting-up-your-app/Managing-access#working-with-collaborators) e [como comentar no seu app](/pt-BR/Building-your-app/Commenting-on-your-app).

<Frame caption="O menu de colaboradores no editor do app">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-collaborators.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=d47480d30a47354eb7aa2ac4bd47b825" alt="O menu de colaboradores aberto na barra superior do editor do app, com Invite collaborators destacado" width="1570" height="640" data-path="images/app-editor-collaborators.png" />
</Frame>

***

## Testando ideias com segurança

Quer testar um novo design ou um recurso arriscado sem colocar seu app em risco? Crie-o em um branch. Um branch é uma cópia separada do seu app, então você pode experimentar à vontade enquanto sua versão principal continua exatamente como está. Se gostar do resultado, mescle-o de volta. Se não, exclua o branch e nada terá mudado.

Para criar um, clique em **Main** ao lado do nome do seu app, acima do chat de IA. Saiba mais sobre [como trabalhar com branches](/pt-BR/Building-your-app/working-with-branches).

***

## Ações adicionais

O ícone **More actions** <Icon icon="ellipsis" color="currentColor" /> no canto superior direito reúne ferramentas que você usa com menos frequência.

<Frame caption="O menu More actions no editor do app">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-more-actions.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=625a255ef90e864511a3e62bc818b76d" alt="O menu More actions aberto e destacado na barra superior do editor do app" width="1570" height="760" data-path="images/app-editor-more-actions.png" />
</Frame>

| Ação | O que faz | Saiba mais |
| - | - | - |
| **Act as a user** | Pré-visualize seu app como um dos seus usuários para verificar o que ele vê | [Testando seu app como usuário](/pt-BR/Setting-up-your-app/Managing-access#testing-your-app-as-a-user) |
| **Testing agent** | Deixe um agente de IA testar seu app para você | [O agente de testes](/pt-BR/documentation/managing-app-data/testing-agent) |
| **GitHub connection** | Sincronize o código do seu app com um repositório do GitHub | [Integrando com o GitHub](/pt-BR/documentation/building-your-app/developer-tools#integrating-with-github) |
| **This page's files** | Veja os arquivos de código por trás da página em que você está, ou clique em **See all files** | [Ferramentas para desenvolvedores](/pt-BR/documentation/building-your-app/developer-tools) |
| **Compare with live code** | Veja o que mudou desde a última publicação | [Revertendo mudanças](/pt-BR/Building-your-app/AI-chat-modes#reverting-changes) |
| **Activity monitor** | Veja o que está sendo executado no seu app agora | [Ferramentas para desenvolvedores](/pt-BR/documentation/building-your-app/developer-tools) |
| **Export project as ZIP** | Baixe o código do seu app | [Ferramentas para desenvolvedores](/pt-BR/documentation/building-your-app/developer-tools) |
| **Send to Coding Agent** | Continue criando com seu próprio agente de programação, como Claude, ChatGPT ou um agente de CLI local. Disponível no plano Builder ou superior. | [Ferramentas para desenvolvedores](/pt-BR/documentation/building-your-app/developer-tools) |
| **Help center** | Abra a central de ajuda da Base44 | |

***

## Navegando mais rápido

Pressione **Cmd+K** (Mac) ou **Ctrl+K** (Windows) para abrir a paleta de comandos. Pesquise páginas, arquivos e dados, vá direto para uma ação, como publicar seu app ou convidar um colaborador, ou pesquise na documentação da Base44, tudo sem sair do editor do app. A paleta de comandos também funciona na página inicial do seu workspace.

<Frame caption="A paleta de comandos no editor do app">
  <img src="https://mintcdn.com/base44/Ii_lXe0tG_nK5Sie/images/keyboardcommands.jpg?fit=max&auto=format&n=Ii_lXe0tG_nK5Sie&q=85&s=b62a1a978d21d5eb2c0cd5560bcdd181" alt="A paleta de comandos aberta no editor do app, com resultados de pesquisa agrupados por tipo" width="940" height="501" data-path="images/keyboardcommands.jpg" />
</Frame>

Estes atalhos funcionam em todo o editor do app:

| Atalho | O que faz |
| - | - |
| **Cmd+K** / **Ctrl+K** | Abre a paleta de comandos |
| **Cmd+.** / **Ctrl+.** | Alterna entre Build e Discuss |
| **Cmd+Z** / **Ctrl+Z** | Desfaz uma mudança no modo Edit ou no canvas |
| **Cmd+Shift+Z** / **Ctrl+Shift+Z** | Refaz uma mudança no modo Edit ou no canvas |
| **Enter** | Envia sua mensagem no chat de IA |
| **Shift+Enter** | Inicia uma nova linha na sua mensagem |

Você pode inverter os atalhos Enter e Shift+Enter nas [preferências da sua conta](/pt-BR/documentation/account-and-billing/managing-your-account). O canvas tem seu próprio conjunto de [atalhos de desenho e layout](/pt-BR/Building-your-app/Canvas).

***

## Perguntas frequentes

Clique em uma pergunta abaixo para saber mais sobre como navegar pelo editor do app.

<AccordionGroup>
  <Accordion title="Posso usar o editor do app no meu celular?">
    Sim. Você pode criar pelo navegador do seu celular abrindo [base44.com](https://base44.com) e fazendo login, ou pelo app da Base44 para iOS e Android. No celular, a pré-visualização do seu app ocupa a tela toda, e você toca em **Chat to Edit** para abrir o chat de IA.

    Alguns recursos só estão disponíveis no desktop, incluindo o modo Edit, permissões de dados, edição de código, trabalho com APIs e templates de apps. Saiba mais sobre [como usar a Base44 no celular](/pt-BR/Building-your-app/Mobile-experience).
  </Accordion>

  <Accordion title="Preciso salvar meu trabalho?">
    Não. Seu trabalho no editor do app é mantido enquanto você avança, e cada mudança da IA se torna uma versão para a qual você pode voltar. Seu app no ar só muda quando você clica em **Publish**.
  </Accordion>

  <Accordion title="As pessoas podem ver meu app antes de eu publicá-lo?">
    Não. A pré-visualização é apenas para você e seus colaboradores. Ninguém mais pode abrir seu app até você publicá-lo. Depois disso, quem pode abri-lo depende da [visibilidade do seu app](/pt-BR/Setting-up-your-app/Managing-access#setting-your-app-visibility).
  </Accordion>

  <Accordion title="Por que não consigo ver alguns botões?">
    O que você vê depende da sua função e do seu app. Por exemplo, pessoas com acesso somente de visualização não veem **Edit** nem o menu **More actions**. Algumas seções do Dashboard só aparecem quando seu app as usa, e em janelas menores alguns controles ficam agrupados em menus.
  </Accordion>

  <Accordion title="O que devo fazer se o editor do app não carregar?">
    Tente atualizar a página, limpar o cache do navegador, desativar extensões do navegador ou abrir a Base44 em uma janela privada ou em outro navegador. Se ainda não carregar, consulte a [solução de problemas](/pt-BR/Community-and-support/Troubleshooting).
  </Accordion>
</AccordionGroup>

***

## Tópicos relacionados

Aprofunde-se nas partes do editor do app que você mais usa.

<CardGroup cols={2}>
  <Card title="Usando o chat de IA" icon="message" href="/pt-BR/Building-your-app/AI-chat-modes">
    Modos Build e Discuss, modelos, Auto approve e como reverter mudanças.
  </Card>

  <Card title="Fazendo o design do seu app" icon="palette" href="/pt-BR/Building-your-app/Design">
    Altere cores, fontes e layout com o modo Edit e temas.
  </Card>

  <Card title="Gerenciando os dados do seu app" icon="database" href="/pt-BR/Building-your-app/Managing-your-app-data">
    Veja, edite, importe e exporte os dados que seu app armazena.
  </Card>

  <Card title="Escolhendo quem pode acessar seu app" icon="users" href="/pt-BR/Setting-up-your-app/Managing-access">
    Defina a visibilidade, convide usuários e adicione colaboradores.
  </Card>
</CardGroup>

<script type="application/ld+json">
  {`{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Posso usar o editor do app no meu celular?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Sim. Você pode criar pelo navegador do seu celular abrindo base44.com e fazendo login, ou pelo app da Base44 para iOS e Android. No celular, a pré-visualização do seu app ocupa a tela toda, e você toca em Chat to Edit para abrir o chat de IA. Alguns recursos só estão disponíveis no desktop, incluindo o modo Edit, permissões de dados, edição de código, trabalho com APIs e templates de apps. Saiba mais sobre como usar a Base44 no celular."
        }
      },
      {
        "@type": "Question",
        "name": "Preciso salvar meu trabalho?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Não. Seu trabalho no editor do app é mantido enquanto você avança, e cada mudança da IA se torna uma versão para a qual você pode voltar. Seu app no ar só muda quando você clica em Publish."
        }
      },
      {
        "@type": "Question",
        "name": "As pessoas podem ver meu app antes de eu publicá-lo?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Não. A pré-visualização é apenas para você e seus colaboradores. Ninguém mais pode abrir seu app até você publicá-lo. Depois disso, quem pode abri-lo depende da visibilidade do seu app."
        }
      },
      {
        "@type": "Question",
        "name": "Por que não consigo ver alguns botões?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "O que você vê depende da sua função e do seu app. Por exemplo, pessoas com acesso somente de visualização não veem Edit nem o menu More actions. Algumas seções do Dashboard só aparecem quando seu app as usa, e em janelas menores alguns controles ficam agrupados em menus."
        }
      },
      {
        "@type": "Question",
        "name": "O que devo fazer se o editor do app não carregar?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Tente atualizar a página, limpar o cache do navegador, desativar extensões do navegador ou abrir a Base44 em uma janela privada ou em outro navegador. Se ainda não carregar, consulte a solução de problemas."
        }
      }
    ]
    }`}
</script>

<Note>Esta página foi traduzida usando IA. Para as informações mais precisas e atualizadas, consulte a [versão em inglês](/). </Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.