> ## 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.

# Conocer el editor de apps

> Haz un recorrido por el editor de apps de Base44: el chat con IA, la vista previa, el modo Edit, el canvas, el Dashboard, el historial de versiones, las ramas y la publicación, y dónde encontrar cada uno.

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>;
};

El editor de apps es donde creas tu app de Base44. Describes lo que quieres en el chat con IA de la izquierda, y tu app se actualiza en la vista previa de la derecha. Así ves cada cambio en el momento. Usa este recorrido para aprender qué hace cada parte del editor de apps y dónde encontrarla. Después, sigue los enlaces cuando quieras profundizar.

***

## De un vistazo

El editor de apps tiene 2 áreas principales: el chat con IA a la izquierda y tu app a la derecha. Los controles que más usas están en la barra superior. Pasa el cursor o toca un número para ver qué hace cada parte.

<ImageHotspots
  src="/images/app-editor-map.png"
  alt="Una captura de pantalla del editor de apps con el panel del chat con IA a la izquierda, la vista previa de la app a la derecha y la barra superior encima"
  spots={[
{ x: 12.5, y: 86, title: "Chat con IA", text: "Describe lo que quieres crear o cambiar, y mira cómo se actualiza la vista previa.", href: "#chatting-with-ai" },
{ x: 13.2, y: 9, from: 4.5, title: "Rama", text: "Prueba cambios en una copia separada de tu app antes de fusionarlos.", href: "#trying-ideas-safely" },
{ x: 20.8, y: 9, from: 4.5, title: "Historial de versiones", text: "Vuelve a una versión anterior de tu app.", href: "#undoing-changes" },
{ x: 23.3, y: 15, from: 4.5, title: "Ocultar el panel del chat", text: "Ve tu app a todo el ancho, sin el chat. Haz clic de nuevo para recuperar el chat." },
{ x: 28.1, y: 9, from: 4.5, title: "Vista previa", text: "Ve tu app como la verán los visitantes y pruébala.", href: "#previewing-your-app" },
{ x: 34.2, y: 9, from: 4.5, title: "Dashboard", text: "Gestiona los datos, los usuarios, la configuración y más de tu app.", href: "#using-the-dashboard" },
{ x: 40.3, y: 9, from: 4.5, title: "Edit", text: "Cambia textos, colores, fuentes y espaciado a mano.", href: "/es/Building-your-app/Design" },
{ x: 44.2, y: 9, from: 4.5, title: "Canvas", text: "Ve todas tus páginas a la vez en un solo tablero.", href: "/es/Building-your-app/Canvas" },
{ x: 65.0, y: 9, from: 4.5, title: "Campo de página", text: "Abre otra página o actualiza la vista previa.", href: "/es/Building-your-app/managing-your-pages", linkText: "Gestionar tus páginas" },
{ x: 71.7, y: 9, from: 4.5, title: "Dispositivo", text: "Comprueba cómo se ve tu app en ordenador, tableta y móvil.", href: "#previewing-your-app" },
{ x: 85.7, y: 9, from: 4.5, title: "Comentarios", text: "Fija comentarios para tus colaboradores en cualquier página.", href: "/es/Building-your-app/Commenting-on-your-app" },
{ x: 89.1, y: 15, from: 4.5, title: "Colaboradores", text: "Ve quién está creando contigo e invita a más personas.", href: "#working-with-others" },
{ x: 92.4, y: 9, from: 4.5, title: "Más acciones", text: "Encuentra herramientas que usas con menos frecuencia, como Act as a user y el monitor de actividad.", href: "#additional-actions" },
{ x: 96.5, y: 15, from: 4.5, title: "Publicar", text: "Pon tu app en línea.", href: "#publishing-your-app" },
]}
/>

<Tip>
  ¿Eres nuevo en Base44? Empieza en el chat con IA. Puedes crear una app completa solo chateando y volver al resto del editor de apps cuando lo necesites. Nada de lo que creas está en línea hasta que haces clic en **Publish**, y puedes deshacer cualquier cambio. Así que experimenta con libertad.
</Tip>

***

## Chatear con la IA

El chat con IA de la izquierda es donde creas. Describe lo que quieres con palabras sencillas y la IA actualiza tu app. El cuadro de mensaje también te permite adjuntar archivos, elegir un modelo y definir instrucciones personalizadas. Más información sobre [usar el chat con IA](/es/Building-your-app/AI-chat-modes).

El chat con IA tiene 2 modos. Cambia entre ellos con el botón de modo del cuadro de mensaje, o pulsa **Cmd+.** (Mac) o **Ctrl+.** (Windows):

* **Build:** La IA cambia tu app mientras chateas.
* **Discuss:** Haz preguntas o planifica tu próximo cambio. La IA no cambia tu código hasta que lo apruebas.

<Frame caption="Elegir entre Build y Discuss en el chat con 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="El cuadro de mensaje del chat con IA con el menú desplegable de modo abierto y resaltado, mostrando Build y Discuss" style={{ maxWidth: "420px" }} width="806" height="500" data-path="images/app-editor-chat-modes.png" />
</Frame>

<Tip>
  ¿No sabes cómo pedir algo? Usa **Discuss** para hablarlo primero y cambia a **Build** cuando estés listo. Más información sobre [escribir buenos prompts](/es/Getting-Started/Prompt-guide).
</Tip>

***

## Previsualizar tu app

La vista previa de la derecha muestra tu app como la ven las personas que la usan. Navega por ella para probar tu app mientras la creas.

En la parte superior de la vista previa, puedes:

* **Abrir otra página:** Escribe la ruta de una página en el campo de página, por ejemplo `/home`. Más información sobre [gestionar tus páginas](/es/Building-your-app/managing-your-pages).
* **Actualizar la vista previa:** Haz clic en el icono de actualizar al inicio del campo de página.
* **Comprobar otros tamaños de pantalla:** Haz clic en el icono de dispositivo al final del campo de página para cambiar entre ordenador, tableta y móvil.
* **Editar a mano:** Haz clic en **Edit** y luego en cualquier elemento de tu app para cambiar su texto, colores, fuentes o espaciado sin usar el chat con IA. Más información sobre [diseñar tu app](/es/Building-your-app/Design).
* **Ver todas las páginas a la vez:** Haz clic en el icono **Canvas** para colocar todas tus páginas en un solo tablero. Ahí puedes añadir notas adhesivas y dibujos, y enviar ideas al chat con IA. Más información sobre [usar el canvas](/es/Building-your-app/Canvas).

<Frame caption="Seleccionar un elemento en el modo Edit para abrir sus opciones 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="Edit mode with a heading selected in the preview, its style toolbar open and the Edit button outlined" width="1798" height="860" data-path="images/app-editor-edit-mode.png" />
</Frame>

***

## Deshacer cambios

Cada cambio se guarda como una versión, así que siempre puedes volver atrás. Elige la forma que se ajuste a lo que quieres deshacer:

* **Un cambio de la IA:** Pasa el cursor sobre el mensaje en el chat y haz clic en el icono **Revert** debajo. Tu app vuelve a como estaba antes de ese mensaje, y los cambios posteriores también se deshacen.
* **Un cambio que hiciste a mano:** En **Edit** o **Canvas**, haz clic en el botón de deshacer de la barra, o pulsa **Cmd+Z** (Mac) o **Ctrl+Z** (Windows).
* **Muchos cambios a la vez:** Haz clic en el icono **Version history** encima del chat con IA. Puedes previsualizar cualquier versión anterior, restaurarla en el editor de apps o publicarla directamente mientras sigues trabajando en tu borrador.

Más información sobre [revertir cambios](/es/Building-your-app/AI-chat-modes#reverting-changes).

***

## Usar el Dashboard

Haz clic en **Dashboard** en la parte superior de la vista previa para gestionar todo lo que hay detrás de tu app, como sus datos, usuarios, dominios y configuración. Cada sección se abre desde la barra lateral izquierda. Algunas secciones solo aparecen cuando tu app las usa. Por ejemplo, **Payments** aparece después de conectar un proveedor de pagos, y **Secrets** aparece cuando tu app tiene funciones de backend.

<Frame caption="El Dashboard, abierto en Overview">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-dashboard.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=ab3398eaf36f8aa00c365d7e2e212f2b" alt="The app Dashboard open on Overview, with the sidebar listing every section" width="1440" height="665" data-path="images/app-editor-dashboard.png" />
</Frame>

| Sección | Qué haces ahí | Más información |
| - | - | - |
| **Overview** | Comprueba el estado de tu app y quién puede abrirla | [Visibilidad de la app](/es/Setting-up-your-app/Managing-access#setting-your-app-visibility) |
| **App Users** | Invita a personas a tu app y elige sus roles | [Gestionar el acceso](/es/Setting-up-your-app/Managing-access) |
| **Data** | Consulta y edita los datos que almacena tu app | [Gestionar los datos de tu app](/es/Building-your-app/Managing-your-app-data) |
| **Analytics** | Ve cuántas personas visitan tu app y qué hacen | [Analíticas de la app](/es/documentation/performance-and-seo/app-analytics) |
| **Marketing** | Mejora tu SEO y promociona tu app | [Crear un plan de marketing](/es/promoting-your-app/creating-a-marketing-plan) |
| **Domains** | Cambia la URL de tu app o conecta un dominio personalizado | [Configurar tu dominio](/es/Setting-up-your-app/Setting-up-your-custom-domain) |
| **Integrations** | Conecta tu app con otros servicios | [Usar integraciones](/es/Integrations/Using-integrations) |
| **Security** | Analiza tu app en busca de problemas de seguridad y corrígelos | [Ejecutar un análisis de seguridad](/es/Setting-up-your-app/running-a-security-scan) |
| **Code** | Consulta y edita el código de tu app | [Herramientas para desarrolladores](/es/documentation/building-your-app/developer-tools) |
| **Agents** | Añade agentes de IA que trabajan dentro de tu app | [Agentes integrados en la app](/es/Building-your-app/AI-agents-for-apps) |
| **Workflows** | Automatiza tareas que se ejecutan según un horario o cuando ocurre algo | [Crear flujos de trabajo](/es/Building-your-app/Creating-workflows) |
| **Emails** | Diseña los correos que envía tu app | [Diseñar correos](/es/Building-your-app/Designing-emails) |
| **Logs** | Revisa todo lo que sucede en tu app | [Explorar los registros de la app](/es/Building-your-app/exploring-app-logs) |
| **API** | Conecta otras herramientas a los datos de tu app | [La API de tu app](/es/Building-your-app/your-apps-api-page) |
| **Settings** | Cambia el nombre y la configuración general de tu app, o elimina la app | |
| **MCP** | Permite que los asistentes de IA trabajen con tu app | [MCP de la app](/es/Integrations/app-mcp) |

<Tip>
  Usa el cuadro de búsqueda en la parte superior de la barra lateral del Dashboard para ir a una sección, una tabla de datos o un conector por su nombre.
</Tip>

***

## Publicar tu app

Cuando tu app esté lista, haz clic en **Publish** en la parte superior derecha para ponerla en línea. En el panel **Publish Your App**, puedes copiar el enlace de tu app y elegir quién puede abrirla con **App visibility**. También puedes [conectar un dominio personalizado](/es/Setting-up-your-app/Setting-up-your-custom-domain).

<Note>
  Tu app en línea solo cambia cuando publicas. Sigue creando en el editor de apps y haz clic en **Publish** de nuevo cuando quieras que las personas vean tu versión más reciente.
</Note>

***

## Trabajar con otras personas

Haz clic en **Add collaborator** (+) junto a los avatares de la parte superior derecha para invitar a alguien a crear contigo. Todos ven el mismo borrador, y los avatares muestran quién está ahora en el editor de apps. Usa **Comments** en la parte superior de la vista previa para dejar comentarios sobre una parte concreta de una página. Más información sobre [trabajar con colaboradores](/es/Setting-up-your-app/Managing-access#working-with-collaborators) y [comentar en tu app](/es/Building-your-app/Commenting-on-your-app).

<Frame caption="El menú de colaboradores en el editor de apps">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-collaborators.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=d47480d30a47354eb7aa2ac4bd47b825" alt="The collaborators menu open from the app editor top bar, with Invite collaborators outlined" width="1570" height="640" data-path="images/app-editor-collaborators.png" />
</Frame>

***

## Probar ideas de forma segura

¿Quieres probar un rediseño o una nueva función arriesgada sin poner en peligro tu app funcional? Créala en una rama. Una rama es una copia separada de tu app. Así puedes experimentar con libertad mientras tu versión principal se mantiene exactamente igual. Si te gusta el resultado, fusiónala. Si no, elimina la rama y nada habrá cambiado.

Para crear una, haz clic en **Main** junto al nombre de tu app, encima del chat con IA. Más información sobre [trabajar con ramas](/es/Building-your-app/working-with-branches).

***

## Acciones adicionales

El icono **More actions** <Icon icon="ellipsis" color="currentColor" /> de la parte superior derecha contiene herramientas que usas con menos frecuencia.

<Frame caption="El menú More actions en el editor de apps">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-more-actions.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=625a255ef90e864511a3e62bc818b76d" alt="The More actions menu open and outlined on the app editor top bar" width="1570" height="760" data-path="images/app-editor-more-actions.png" />
</Frame>

| Acción | Qué hace | Más información |
| - | - | - |
| **Act as a user** | Previsualiza tu app como uno de tus usuarios para comprobar lo que ve | [Probar tu app como usuario](/es/Setting-up-your-app/Managing-access#testing-your-app-as-a-user) |
| **Testing agent** | Deja que un agente de IA pruebe tu app por ti | [El agente de pruebas](/es/documentation/managing-app-data/testing-agent) |
| **GitHub connection** | Sincroniza el código de tu app con un repositorio de GitHub | [Integrar con GitHub](/es/documentation/building-your-app/developer-tools#integrating-with-github) |
| **This page's files** | Ve los archivos de código de la página en la que estás, o haz clic en **See all files** | [Herramientas para desarrolladores](/es/documentation/building-your-app/developer-tools) |
| **Compare with live code** | Ve qué cambió desde la última vez que publicaste | [Revertir cambios](/es/Building-your-app/AI-chat-modes#reverting-changes) |
| **Activity monitor** | Ve lo que se está ejecutando ahora en tu app | [Herramientas para desarrolladores](/es/documentation/building-your-app/developer-tools) |
| **Export project as ZIP** | Descarga el código de tu app | [Herramientas para desarrolladores](/es/documentation/building-your-app/developer-tools) |
| **Send to Coding Agent** | Sigue creando con tu propio agente de programación, como Claude, ChatGPT o un agente CLI local. Disponible en el plan Builder o superior. | [Herramientas para desarrolladores](/es/documentation/building-your-app/developer-tools) |
| **Help center** | Abre el centro de ayuda de Base44 | |

***

## Moverte más rápido

Pulsa **Cmd+K** (Mac) o **Ctrl+K** (Windows) para abrir la paleta de comandos. Busca páginas, archivos y datos, o ve directamente a una acción, como publicar tu app o invitar a un colaborador. También puedes buscar en la documentación de Base44, todo sin salir del editor de apps. La paleta de comandos también funciona en la página de inicio de tu espacio de trabajo.

<Frame caption="La paleta de comandos en el editor de apps">
  <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="The command palette open in the app editor, with search results grouped by type" width="940" height="501" data-path="images/keyboardcommands.jpg" />
</Frame>

Estos atajos funcionan en todo el editor de apps:

| Atajo | Qué hace |
| - | - |
| **Cmd+K** / **Ctrl+K** | Abre la paleta de comandos |
| **Cmd+.** / **Ctrl+.** | Cambia entre Build y Discuss |
| **Cmd+Z** / **Ctrl+Z** | Deshace un cambio en el modo Edit o en el canvas |
| **Cmd+Shift+Z** / **Ctrl+Shift+Z** | Rehace un cambio en el modo Edit o en el canvas |
| **Enter** | Envía tu mensaje en el chat con IA |
| **Shift+Enter** | Empieza una nueva línea en tu mensaje |

Puedes intercambiar los atajos Enter y Shift+Enter en las [preferencias de tu cuenta](/es/documentation/account-and-billing/managing-your-account). El canvas tiene su propio conjunto de [atajos de dibujo y diseño](/es/Building-your-app/Canvas).

***

## Preguntas frecuentes

Haz clic en una pregunta para obtener más información sobre cómo moverte por el editor de apps.

<AccordionGroup>
  <Accordion title="¿Puedo usar el editor de apps en mi teléfono?">
    Sí. Puedes crear desde el navegador de tu teléfono abriendo [base44.com](https://base44.com) e iniciando sesión, o desde la app de Base44 para iOS y Android. En un teléfono, la vista previa de tu app ocupa toda la pantalla, y tocas **Chat to Edit** para abrir el chat con IA.

    Algunas funciones solo están disponibles en ordenador, como el modo Edit, los permisos de datos, la edición de código, el trabajo con API y las plantillas de apps. Más información sobre [usar Base44 en el móvil](/es/Building-your-app/Mobile-experience).
  </Accordion>

  <Accordion title="¿Tengo que guardar mi trabajo?">
    No. Tu trabajo en el editor de apps se guarda sobre la marcha, y cada cambio de la IA se convierte en una versión a la que puedes volver. Tu app en línea solo cambia cuando haces clic en **Publish**.
  </Accordion>

  <Accordion title="¿Pueden otras personas ver mi app antes de publicarla?">
    No. La vista previa es solo para ti y tus colaboradores. Nadie más puede abrir tu app hasta que la publiques. Después, quién puede abrirla depende de la [visibilidad de tu app](/es/Setting-up-your-app/Managing-access#setting-your-app-visibility).
  </Accordion>

  <Accordion title="¿Por qué no veo algunos botones?">
    Lo que ves depende de tu rol y de tu app. Por ejemplo, las personas con acceso de solo lectura no ven **Edit** ni el menú **More actions**. Algunas secciones del Dashboard solo aparecen cuando tu app las usa. En ventanas más pequeñas, algunos controles se agrupan en menús.
  </Accordion>

  <Accordion title="¿Qué hago si el editor de apps no carga?">
    Prueba a actualizar la página, borrar la caché del navegador, desactivar las extensiones del navegador o abrir Base44 en una ventana privada u otro navegador. Si sigue sin cargar, consulta [solución de problemas](/es/Community-and-support/Troubleshooting).
  </Accordion>
</AccordionGroup>

***

## Temas relacionados

Profundiza en las partes del editor de apps que más usas.

<CardGroup cols={2}>
  <Card title="Usar el chat con IA" icon="message" href="/es/Building-your-app/AI-chat-modes">
    Modos Build y Discuss, modelos, Auto approve y revertir cambios.
  </Card>

  <Card title="Diseñar tu app" icon="palette" href="/es/Building-your-app/Design">
    Cambia colores, fuentes y diseño con el modo Edit y los temas.
  </Card>

  <Card title="Gestionar los datos de tu app" icon="database" href="/es/Building-your-app/Managing-your-app-data">
    Consulta, edita, importa y exporta los datos que almacena tu app.
  </Card>

  <Card title="Elegir quién puede acceder a tu app" icon="users" href="/es/Setting-up-your-app/Managing-access">
    Define la visibilidad, invita a usuarios y añade colaboradores.
  </Card>
</CardGroup>

<script type="application/ld+json">
  {`{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "¿Puedo usar el editor de apps en mi teléfono?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Sí. Puedes crear desde el navegador de tu teléfono abriendo base44.com e iniciando sesión, o desde la app de Base44 para iOS y Android. En un teléfono, la vista previa de tu app ocupa toda la pantalla, y tocas Chat to Edit para abrir el chat con IA. Algunas funciones solo están disponibles en ordenador, como el modo Edit, los permisos de datos, la edición de código, el trabajo con API y las plantillas de apps. Más información sobre usar Base44 en el móvil."
        }
      },
      {
        "@type": "Question",
        "name": "¿Tengo que guardar mi trabajo?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. Tu trabajo en el editor de apps se guarda sobre la marcha, y cada cambio de la IA se convierte en una versión a la que puedes volver. Tu app en línea solo cambia cuando haces clic en Publish."
        }
      },
      {
        "@type": "Question",
        "name": "¿Pueden otras personas ver mi app antes de publicarla?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. La vista previa es solo para ti y tus colaboradores. Nadie más puede abrir tu app hasta que la publiques. Después, quién puede abrirla depende de la visibilidad de tu app."
        }
      },
      {
        "@type": "Question",
        "name": "¿Por qué no veo algunos botones?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Lo que ves depende de tu rol y de tu app. Por ejemplo, las personas con acceso de solo lectura no ven Edit ni el menú More actions. Algunas secciones del Dashboard solo aparecen cuando tu app las usa. En ventanas más pequeñas, algunos controles se agrupan en menús."
        }
      },
      {
        "@type": "Question",
        "name": "¿Qué hago si el editor de apps no carga?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Prueba a actualizar la página, borrar la caché del navegador, desactivar las extensiones del navegador o abrir Base44 en una ventana privada u otro navegador. Si sigue sin cargar, consulta solución de problemas."
        }
      }
    ]
    }`}
</script>

<Note>Esta página fue traducida con IA. Para obtener la información más precisa y actualizada, consulta la [versión en inglés](/). </Note>


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