# Vista previa versus renderizado real

Compare los requisitos de vista previa y renderizado, el uso de cuotas y el almacenamiento de resultados.

Puede inspeccionar un documento dentro del editor o generar un PDF para descargarlo y usarlo. **Vista previa** admite el trabajo de diseño; **renderizado** crea un trabajo con un estado, historial y archivo de salida. Elija según la tarea que necesita completar.

## 1. Vista previa mientras editas

Utilice **Diseño** y **PDF** en el editor para inspeccionar la estructura y la paginación. Las versiones borrador se pueden obtener una vista previa sin publicarlas.

La vista previa no consume la cuota de procesamiento exitoso ni crea una entrada PDF retenida en Renders. Aún se aplican límites de recursos y tiempo de procesamiento.

<figure class="doc-sim data-assets-illustration workflow-illustration" aria-label="Editor → Diseño / PDF para vistas previas de diseño">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>Editor</strong><div class="wf-actions"><span class="sim-control sim-focus">PDF</span></div></div><div class="sim-tabs"><span class="">Diseño</span><span class="sim-active">PDF</span></div><div class="wf-canvas"><div class="wf-paper"><b>Tembuilder</b><strong>Documento</strong><i></i><i></i><i></i><i></i><small>1 / 1</small></div></div></div></div>
<figcaption>Editor → Diseño / PDF para vistas previas de diseño</figcaption>
</figure>

**Diseño** refleja tus ediciones actuales. **PDF** muestra el contenido de la plantilla guardada, así que guarde el diseño y regenere la vista previa de PDF después de los cambios. Los parámetros de vista previa provienen de los valores del editor, inicialmente Defaults; Los valores ingresados ​​en Run se aplican solo a los trabajos Run. Una vista previa anterior de PDF no se actualiza automáticamente.

## 2. Renderiza cuando necesites un archivo de salida

Utilice **Run** o el renderizado API para generar un PDF. La versión debe estar publicada y la clave necesita permiso `template:render` en el mismo proyecto.

Un trabajo exitoso cuenta para la cuota, aparece en Renders y tiene resultados descargables durante su período de retención. Run dentro del editor crea este mismo tipo de trabajo.

<figure class="doc-sim data-assets-illustration workflow-illustration" aria-label="Versión publicada + datos → Render → PDF">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>CORRER</strong><div class="wf-actions"></div></div><div class="wf-rows"><div class=""><span>Versión 2</span><small>Publicado</small></div><div class=""><span>Parameters</span><small>{ destinatario: "Tembuilder" }</small></div></div><div class="sim-form-footer ds-pad"><span class="sim-control sim-focus sim-dark">Renderizar</span></div></div></div>
<figcaption>Versión publicada + datos → Render → PDF</figcaption>
</figure>

## 3. Elige la ruta adecuada para cada paso

| Tarea | Uso |
| --- | --- |
| Editar tipografía, márgenes, contenido o saltos | Vista previa del editor. |
| Probar datos con una versión publicada | Run. |
| Genera archivos PDF desde tu software | Renderiza API. |
| Encuentra el resultado o error de un trabajo | Renders. |

Para probar un trabajo sin crear una integración, comience con [Run](/docs/es/renders/playground/).

<figure class="doc-sim data-assets-illustration workflow-illustration" aria-label="La vista previa admite la edición · Run crea un trabajo PDF grabado">
<div class="sim-stage"><div class="ds-columns"><div class="sim-panel"><div class="ds-head"><strong>Vista previa</strong><div class="wf-actions"></div></div><div class="wf-rows"><div class="sim-focus"><span>Borrador</span><small>✓</small></div><div class=""><span>Renders</span><small>—</small></div></div></div><div class="sim-panel"><div class="ds-head"><strong>Run</strong><div class="wf-actions"></div></div><div class="wf-rows"><div class="sim-focus"><span>Publicado</span><small>✓</small></div><div class=""><span>Renders</span><small>✓</small></div></div></div></div></div>
<figcaption>La vista previa admite la edición · Run crea un trabajo PDF grabado</figcaption>
</figure>

## 4. Cuando la vista previa funciona pero Run no

Compara la versión abierta en el editor con la seleccionada en Run: las selecciones pueden diferir. Luego verifique el estado de la publicación, la clave seleccionada y los valores de entrada.

Si se aceptó un trabajo, abra su resultado en Renders para ver el error específico. La aceptación no significa que el PDF esté terminado; descárguelo una vez que el estado sea `success` y la salida esté disponible.

<figure class="doc-sim data-assets-illustration workflow-illustration" aria-label="Haga coincidir la versión en Run con la edición publicada">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>CORRER</strong><div class="wf-actions"></div></div><div class="wf-fields"><div><small class="sim-label">VERSIÓN</small><span class="sim-input wf-select sim-focus">v2<svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div><div><small class="sim-label">VARIANTE</small><span class="sim-input wf-select">Estándar<svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div></div></div></div>
<figcaption>Haga coincidir la versión en Run con la edición publicada</figcaption>
</figure>