Diseñar una plantilla de documento
Coloca textos, tablas, imágenes, códigos de barras y campos, vincúlalos a datos de la orden o el viaje, previsualiza o deja que la IA haga el diseño.
Actualizado el 4 de octubre de 2026
El diseñador es donde creas una plantilla de documento. La página está en el centro, la barra de herramientas arriba y la barra lateral tiene cuatro pestañas: Elementos, Propiedades, Datos y Capas.
La barra de herramientas
- Nombre de la plantilla, Tipo de documento y Tipo de entidad de la plantilla.
- Deshacer y Rehacer.
- Alejar y Acercar, del 25 % al 200 %.
- Cuadrícula muestra una cuadrícula en la página y Ajustar a cuadrícula hace que los elementos se ajusten a ella.
- Generar con IA, Vista previa y Guardar. Al guardar se cierra el diseñador.
Configurar la página
- Haz clic en una parte vacía de la página para que no haya ningún elemento seleccionado.
- Abre la pestaña Propiedades.
- En Ajustes de página, elige el Tamaño de página (A4, A5 o Letter) y la Orientación (Vertical u Horizontal (apaisado)).
- Define los Márgenes en milímetros.
- Si quieres, introduce la dirección de una imagen de fondo, por ejemplo un formulario CMR escaneado sobre el que colocar tus campos.
Añadir elementos
- Abre la pestaña Elementos.
- Haz clic en un tipo de elemento o arrástralo a la página.
- Arrastra el elemento a su sitio y arrastra sus bordes para cambiar su tamaño.
- Con el elemento seleccionado, abre Propiedades para definir su posición, estilo, borde, opacidad y los ajustes propios de ese tipo.
| Elemento | Uso |
|---|---|
| Texto | Texto fijo o basado en datos, con fuente, tamaño, grosor, estilo, color y alineación. |
| Campo de entrada | Un campo que sigue siendo rellenable en el PDF descargado. Puedes definir un texto de ejemplo, si es obligatorio y una longitud máxima. |
| Enlace | Una dirección web en la que se puede hacer clic y que puede contener datos. |
| Imagen | Un logotipo o una imagen. |
| Forma, Línea | Rectángulos, círculos, elipses y líneas horizontales o verticales para recuadros y separadores. |
| Tabla | Filas y columnas, por ejemplo las mercancías de un envío. |
| Código de barras, Código QR | Un código generado a partir de un valor, como el número de orden. |
| Contenedor | Agrupa los elementos que van juntos. |
| Repetidor | Repite su contenido para cada elemento de una lista, como cada envío o cada parada. |
| Condicional | Muestra su contenido solo cuando se cumple una condición. |
Cuando hay un Contenedor, un Repetidor o un Condicional seleccionado, los elementos nuevos se añaden dentro de él. Usa Ctrl+C y Ctrl+V (Cmd en un Mac) para copiar y pegar un elemento, y Ctrl+D para duplicarlo.
Conectar elementos a datos
- Selecciona el elemento y abre la pestaña Datos.
- Elige Estático para texto fijo, Variable para un campo de datos o Expresión para texto que mezcla datos, bucles y condiciones.
- En Campos disponibles, usa Buscar campos... y haz clic en un campo para vincularlo. Los campos dependen del tipo de entidad de la plantilla.
- Para una lista, como envíos o mercancías, haz clic en un campo marcado con (loop). Así se configura un bucle sobre esa lista, por ejemplo en un Repetidor.
Ayuda de sintaxis, en la misma pestaña, muestra la notación:
- Variables:
{{field.path}} - Bucles:
{% for item in items %}...{% endfor %} - Condicionales:
{% if condition %}...{% endif %} - Formato:
{{value | format:"date"}} - Alternativas:
{{field.path ?? other.path ?? "default"}}
Organizar las capas
La pestaña Capas muestra todos los elementos. Haz clic en uno para seleccionarlo, o usa los iconos para duplicarlo o eliminarlo. Los elementos dentro de un contenedor, repetidor o condicional se muestran debajo de su elemento padre.
Previsualizar el resultado
- Haz clic en Vista previa.
- Revisa la página, rellenada con datos de ejemplo.
- Haz clic en Editar datos para cambiar los Datos de ejemplo (JSON) y ver cómo reacciona la plantilla, por ejemplo ante nombres largos o muchas mercancías.
- Haz clic en Descargar PDF para probar el PDF real.
Generar un diseño con IA
- Haz clic en Generar con IA. Se abre el panel Generar plantilla de documento con IA.
- Si quieres, sube una imagen o un PDF de un documento existente.
- Describe lo que necesitas en Descripción, por ejemplo «Recrea esta carta de porte CMR y vincula el remitente y el destinatario a los datos del cliente».
- Deja activado Modificar el diseño actual (sin marcar: empezar de nuevo) para cambiar el diseño actual, o desactívalo para empezar de nuevo.
- Haz clic en Generar plantilla y espera mientras se muestra Generando....
- Revisa el diseño. Todavía no está guardado. Corrige los vínculos que el panel indique que no coinciden con ningún campo, porque se imprimirían vacíos.
- Haz clic en Guardar.