> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.manicule.dev/es/llms.txt
> Use this file to discover all available pages before exploring further.
> For every page in one file, fetch https://mintlify.manicule.dev/es/llms-full.txt (large).
> To search and read these docs as tools, connect the MCP server at https://mintlify.manicule.dev/api/mcp.
> Every agent surface: https://mintlify.manicule.dev/.well-known/llms-manifest.json

# Vista previa en vivo (/es/editor/live-preview)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 544 · updated: 2026-07-31 -->
Related: [Cómo usar el editor](/es/editor/tutorial.md), [Conceptos básicos de Git para el editor](/es/editor/git-essentials.md), [Crear y editar páginas](/es/editor/pages.md), [Agregar contenido multimedia](/es/editor/media.md), [Organizar la navegación](/es/editor/navigation.md), [Branches y publicación](/es/editor/branching-and-publishing.md)

> Previsualice su sitio en tiempo real mientras edita, con actualizaciones continuas que renderizan al instante los cambios de contenido y configuración.

Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican y se actualizan a medida que realiza cambios en el contenido, la navegación y la configuración.

<div id="open-live-preview">
  ## Abrir la vista previa en vivo
</div>

Haga clic en el botón <Icon icon="play" /> de vista previa en vivo en la barra superior para abrir una vista previa en vivo en una nueva pestaña.

<Frame>
  <img src="/_assets/ab993c3576575d078550e89981150c9a517a3df20ece1f4339f5761023d8eec9" alt="El botón de vista previa en vivo en la barra de herramientas." className="block dark:hidden" width="464" height="192" />

  <img src="/_assets/c5251d903dd024875520d18129cbd02d76ea54a00aa295ca857a095232352e40" alt="El botón de vista previa en vivo en la barra de herramientas." className="hidden dark:block" width="467" height="192" />
</Frame>

<Note>La vista previa en vivo solo está disponible para sitios públicos.</Note>

<div id="live-preview-versus-preview-deployments">
  ## Vista previa en vivo frente a despliegues de vista previa
</div>

|                    | Vista previa en vivo                | Despliegue de vista previa                    |
| ------------------ | ----------------------------------- | --------------------------------------------- |
| **Velocidad**      | Al instante                         | Requiere una compilación                      |
| **Acceso**         | URL local                           | URL para compartir                            |
| **Cuándo usarla**  | Para revisar cambios mientras edita | Para compartir con su equipo para su revisión |
| **Disponibilidad** | Mientras el editor esté abierto     | Mientras exista la branch                     |

Use la vista previa en vivo para obtener retroalimentación inmediata mientras edita. Cuando necesite compartir cambios con su equipo o probarlos en un dispositivo diferente, use un [despliegue de vista previa](/es/editor/branching-and-publishing#preview-your-changes).