# Elija una plantilla de Gallery

Explore las plantillas diseñadas y seleccionadas por Tembuilder, obtenga una vista previa de los detalles y elija una para su proyecto.

**Gallery** es una colección de plantillas diseñadas, creadas y cuidadosamente seleccionadas por el equipo de Tembuilder para una variedad de usos. Cada uno tiene su propio diseño y estilo visual, lo que le brinda más opciones al iniciar un nuevo documento.

Busque inspiración, explore cómo se elabora un diseño o elija una plantilla como punto de partida para sus propias ideas. Puede cambiar su contenido, colores y diseño después de agregarlo a su proyecto.

## 1. Explora la colección

Abra **Gallery** para explorar las plantillas disponibles. Cada tarjeta incluye una miniatura, un nombre y una breve descripción para darle una idea del diseño. También se muestra el tamaño del papel, lo que le ayudará a elegir una plantilla para el documento que tiene en mente.

Navega libremente o reduce la colección cuando sepas lo que estás buscando:

- **Buscar** por nombre o palabra clave. Por ejemplo, ingrese `invoice` para buscar plantillas de facturas.
- **Categorías** a la izquierda agrupa las plantillas por tipo.
- **Popular** muestra primero las plantillas populares; **Lo más nuevo** te ayuda a descubrir incorporaciones recientes.

Combine la búsqueda con una categoría para limitar aún más los resultados. Cuando la lista abarque varias páginas, utilice los controles debajo para seguir navegando.

## 2. Eche un vistazo más de cerca

Seleccione una tarjeta de plantilla para abrir su vista previa. Verás una vista más grande del diseño junto con su nombre, descripción y tamaño de papel.

Observa los detalles que son más difíciles de ver en una miniatura: cómo se divide el contenido, el espacio entre secciones, la tipografía y los diseños de las tablas. Si hay varias imágenes de vista previa disponibles, utilice las flechas o las miniaturas para moverse entre ellas.

No es necesario que una plantilla coincida con tu idea en todos los detalles. Un diseño que se acerque a lo que desea puede ser un punto de partida útil, ya que puede editarlo después de agregarlo a su proyecto.

Cierra la vista previa para seguir explorando o selecciona **Usar plantilla** cuando encuentres una que quieras usar.

## 3. Agrégalo a tu proyecto

Abra **Gallery** desde el proyecto donde desea guardar la plantilla. Al seleccionar **Usar plantilla** se abre el cuadro de diálogo **Importar**, donde puede darle un nombre.

- **Nombre** es la etiqueta que se muestra en Plantillas. Elija algo que reconozca, como **Factura de servicio**.
- **Slug** es un nombre corto que se utiliza para hacer referencia a la plantilla, como `service-invoice`. Debe ser diferente de los slugs ya utilizados en el mismo proyecto.

Seleccione **Importar** y espere a que finalice. La aplicación abre la plantilla en el editor, lista para que trabajes en ella. También aparece en **Plantillas**, para que puedas volver a encontrarla más tarde.

Regrese a Gallery cuando quiera explorar otro diseño, ya sea que esté buscando nuevas ideas o comenzando otra plantilla en su proyecto.

## Intente elegir una plantilla

La siguiente ilustración explica estos pasos. Busque `invoice`, abra la vista previa, seleccione **Usar plantilla** y asigne un nombre a la plantilla.

<figure class="doc-sim gallery-walkthrough" data-gallery-demo data-locale="es" aria-label="Intente elegir y agregar una plantilla Gallery">
<div class="sim-kicker">PRUEBE LOS PASOS A CONTINUACIÓN</div>
<div class="sim-stage">
<div data-gg-screen="browse"><div class="sim-toolbar"><strong>Gallery</strong><span class="sim-badge">1 plantilla</span></div><label class="gg-search"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><circle cx="10" cy="10" r="6"/><path d="m15 15 5 5"/></svg><input data-gg-search placeholder="Plantillas de búsqueda…" aria-label="Buscar plantillas de ilustraciones" /></label><div class="gg-categories"><button type="button" data-gg-category="all" aria-pressed="true">Todos</button><button type="button" data-gg-category="invoice" aria-pressed="false">Factura</button></div><button type="button" class="gg-template" data-gg-preview aria-label="Vista previa de factura de servicio monocromática"><div class="gg-thumb"><div class="gg-mini-paper"><b>Tembuilder</b><strong>FACTURA</strong><i></i><i></i><i></i><span>$597.20</span></div></div><div class="gg-template-copy"><strong>Factura de servicio monocromática</strong><small>Factura · A4</small><span>Vista previa ↗</span></div></button><p class="gg-empty" data-gg-empty hidden>No hay plantillas coincidentes. Pruebe con "factura".</p></div>
<div data-gg-screen="preview" hidden><div class="sim-gallery-dialog"><div class="sim-gallery-heading"><div><strong>Factura de servicio monocromática</strong><small>Factura · A4</small></div><button type="button" class="sim-close" data-gg-back aria-label="Volver a plantillas">×</button></div><div class="sim-gallery-preview"><div class="gg-mini-paper gg-preview-paper"><b>Tembuilder</b><strong>FACTURA</strong><small>TB-2026-0042</small><i></i><small>FACTURAR A</small><b>Tembuilder</b><i></i><i></i><span>$597.20</span></div></div><div class="sim-gallery-footer"><small>Schema v1 · A4</small><button type="button" class="sim-control sim-dark sim-focus" data-gg-use>Usar plantilla</button></div></div></div>
<div data-gg-screen="import" hidden><form class="sim-form" data-gg-form><div class="sim-toolbar"><strong>Importar plantilla</strong><button type="button" class="sim-close" data-gg-back aria-label="Volver a Gallery">×</button></div><label>Nombre<input name="name" data-gg-name value="My invoice" required maxlength="64" /></label><label>Babosa<input name="slug" data-gg-slug value="my-invoice" required maxlength="64" pattern="[a-z0-9]+(-[a-z0-9]+)*" /></label><small>Elija un nombre que pueda encontrar fácilmente, como Factura de servicio.</small><div class="sim-form-footer"><button type="submit" class="sim-control sim-dark sim-focus">Importar</button></div></form></div>
<div data-gg-screen="done" hidden><div class="sim-completion"><span aria-hidden="true">✓</span><strong data-gg-result></strong><p>Ha completado los pasos de selección. En la aplicación, la plantilla agregada aparecerá en Plantillas.</p><button type="button" class="sim-reset" data-gg-back>Empezar de nuevo ↺</button></div></div>
</div><figcaption data-gg-caption aria-live="polite">Selecciona la plantilla para previsualizar · Ilustración interactiva</figcaption>
</figure>

Una vez que haya elegido una plantilla, consulte la [guía del editor](/docs/es/editor/tour/) para comenzar a editarla.