Guía de usuario
Plantillas PDF, paletas de colores y fuentes
Elige uno de doce diseños de factura, recolóralo con una paleta integrada o personalizada, cambia la disposición para tipos de IVA mixtos y define las fuentes que usan tus PDF.
Cada factura, presupuesto o albarán que generas en Invoice Flow se dibuja a partir de los mismos datos con uno de los doce diseños de página integrados. El diseño decide dónde van el logotipo, el título, las direcciones y los totales; una paleta de colores decide de qué color son la barra del encabezado, el encabezado de la tabla y las etiquetas; y un ajuste de fuentes independiente decide la tipografía y el grosor del título, los encabezados de tabla, el texto del cuerpo y las notas. Los tres son independientes, así que puedes mantener un diseño y cambiar solo sus colores, o mantener los colores y probar otro diseño, sin tocar la factura en sí.
Esta guía sigue a Mara Vos, de Vos & Linden Architecten, un estudio de arquitectura de dos personas en el Herengracht de Ámsterdam. Su factura VL-2026-031 cobra a Brouwer Vastgoed B.V. la segunda fase de la reforma de una casa junto al canal, en euros con un 21% de IVA. Verás esa misma factura renderizada cuatro veces, para que las diferencias entre diseños y paletas sean fáciles de comparar.
Qué ves en la pantalla
Las opciones de diseño están en dos lugares. La elección para un único documento se hace en el editor de facturas: desplázate por debajo de la tarjeta Opciones de pago (Payment Options) y encontrarás una tarjeta titulada Seleccionar plantilla (Select Template) cuyo subtítulo muestra el diseño y la paleta actuales, por ejemplo Elegant — sand. Al tocarla se abre la pantalla Seleccionar plantilla con tres secciones: Diseño (Design), Paleta de colores (Color Palette) y Disposición (Layout), y un botón Guardar (Save) en la esquina superior derecha. Justo encima está la tarjeta Idioma de la factura (Invoice Language), que cambia el idioma de las etiquetas impresas solo para este documento.
El segundo lugar es Ajustes (Settings). La fila Plantillas PDF (PDF templates) (subtítulo “Crea y gestiona tus propios diseños”) abre una pantalla con tres pestañas: Mías (Mine) para los diseños que has creado tú, Galería (Gallery) con 25 diseños de partida que puedes previsualizar en cualquier paleta y abrir en el editor personalizado, y Paletas (Palettes), donde creas tus propios conjuntos de colores. La fila Fuentes (Fonts) (subtítulo “Tipografía de la interfaz y los documentos”) abre una pantalla con una pestaña Interfaz (Interface) para la propia app y una pestaña Documentos (Documents) para los PDF.
Antes de empezar, importa una distinción. Los doce diseños de la pantalla Seleccionar plantilla son renderizadores fijos; eliges uno y lo recoloreas. Las 25 tarjetas de la pestaña Galería son semillas para el editor de plantillas personalizadas, que es una función distinta con su propia guía. Elegir una paleta en la galería solo recolorea las vistas previas de allí; no cambia la paleta de ninguna factura.
Cómo elegir un diseño y una paleta para una factura
- Abre la factura en el editor y desplázate hasta la tarjeta Seleccionar plantilla, luego tócala.
- En Diseño, toca una de las doce tarjetas. La tarjeta seleccionada recibe un borde grueso y una marca de verificación, y la paleta de abajo salta a los colores predeterminados de ese diseño.
- En Paleta de colores, toca cualquiera de las diez fichas para anular el valor predeterminado. La ficha elegida muestra una marca blanca dentro de su círculo de color.
- En Disposición, deja seleccionado Estándar (Standard) a menos que la factura mezcle tipos de IVA (consulta la sección siguiente).
- Toca Guardar en la esquina superior derecha. De vuelta en el editor, el subtítulo de la tarjeta se actualiza, por ejemplo a Elegant — sand.
- Guarda la factura con Guardar cambios (Save Changes) (o Guardar borrador (Save Draft)); el diseño se almacena en la factura y se usa cada vez que la previsualizas o la compartes.
Cada tarjeta de la cuadrícula es una página en miniatura con una banda de encabezado en el color predeterminado del diseño. Cuando una tarjeta se dibuja a media opacidad con una pequeña insignia split (fraccionado) o single (único), el diseño está pensado para el otro modo de pago. Solo Installment lleva esa insignia; todos los demás diseños sirven tanto para pagos únicos como fraccionados. Una tarjeta atenuada sigue siendo seleccionable.
Los cuatro PDF de abajo son la misma factura VL-2026-031 sin cambiar nada excepto el diseño y la paleta.
La tabla siguiente describe cada diseño tal como se renderiza realmente con su paleta predeterminada.
| Diseño | Paleta predeterminada | Aspecto en la página |
|---|---|---|
| Clean | Ocean | Logotipo y bloque de empresa arriba a la izquierda, gran título INVOICE en color con número y fechas arriba a la derecha, caja Facturar a tintada, encabezado de tabla en color. |
| Professional | Charcoal | Barra de encabezado oscura a todo el ancho con el logotipo, el nombre de la empresa y el número de factura; FROM y Facturar a lado a lado; franja gris con fecha de emisión, fecha de vencimiento y estado. |
| Bold | Plum | Gran bloque de encabezado relleno y redondeado con los datos de la empresa impresos en blanco dentro; Facturar a bajo una línea de color; línea gruesa de color bajo los totales. |
| Elegant | Forest | Título INVOICE centrado con el número debajo y una línea bajo él; remitente a la izquierda, cliente alineado a la derecha; una fila de fechas entre líneas finas; notas y condiciones en dos columnas. |
| Compact | Charcoal | Encabezado de dos líneas con solo correo y teléfono; pequeñas columnas FROM y Facturar a; letra más pequeña en todo el documento para que las facturas largas ocupen menos páginas. |
| Modern | Ocean | Gran título INVOICE en color a la derecha, una barra de color en el borde izquierdo del bloque Facturar a, y los totales dentro de una caja redondeada tintada. |
| Classic | Ocean | Título centrado sobre una línea doble, una fila de fechas, FROM y Facturar a en cajas enmarcadas, notas y condiciones en una caja gris. |
| Creative | Sunset | Franja vertical de color por el margen izquierdo, INVOICE impreso como insignia, fechas de emisión y vencimiento apiladas a la derecha, caja de totales enmarcada, barra de color junto a las notas. |
| Minimal | Charcoal | Nombre de empresa muy grande, pequeñas líneas de contacto grises, líneas grises finas y sin color salvo en el encabezado de la tabla. |
| Contractor | Forest | El título dice CONTRACTOR INVOICE; una franja tintada contiene Invoice #, Issue Date, Due Date y las condiciones de pago; Facturar a con una barra izquierda de color. |
| Striped | Ocean | Bloque de encabezado redondeado en color con una fina línea de acento debajo; pequeñas etiquetas tintadas FROM y Facturar a; línea de acento bajo la tabla; caja de notas tintada. |
| Installment | Forest | Misma forma que Clean con un encabezado compacto; creado para pagos fraccionados, donde el calendario de pagos y sus insignias se imprimen antes de las notas. |
Cómo usar la disposición de varios impuestos
Cada diseño tiene dos variantes de disposición. Estándar imprime una línea de impuesto en los totales. Desglose de varios impuestos (Multi-Tax Breakdown) imprime una línea por cada tipo distinto más una línea Total de impuestos (Total Tax), que es lo que un contable espera cuando una factura mezcla, por ejemplo, servicios al 21% y bienes al 9%.
- En la pantalla Seleccionar plantilla, desplázate hasta la sección Disposición.
- Toca Desglose de varios impuestos; la ficha se rellena y muestra una marca de verificación.
- Toca Guardar y luego guarda la factura.
- Abre Vista previa PDF (Preview PDF) desde la factura para comprobar el bloque de totales.
No necesitas estrictamente este interruptor: siempre que las líneas lleven más de un tipo impositivo distinto, la tabla de desglose se imprime de todos modos, incluso con Estándar seleccionado. Elegir Desglose de varios impuestos fuerza el desglose también en facturas con un solo tipo, cosa que algunos clientes prefieren por coherencia.
Cómo crear tu propia paleta
Las diez paletas integradas cubren la mayoría de las marcas, pero un estudio con sus propios colores puede definir una paleta a partir de seis roles: Primario (Primary), Secundario (Secondary), Acento (Accent), Fondo del encabezado (Header background), Texto del encabezado (Header text) y Fondo sutil (Subtle background). Crear una paleta es una función Pro; el botón más abre la pantalla de pago en una cuenta gratuita.
- Abre Ajustes, toca Plantillas PDF y luego la pestaña Paletas.
- Toca el botón +. Se abre la hoja Editar paleta (Edit palette) con los colores de Ocean y el nombre Mi paleta (My palette) rellenados.
- Sustituye el nombre en Nombre de la paleta (Palette name).
- Toca la muestra cuadrada junto a un rol, por ejemplo Primario, y elige un color en el cuadro de diálogo Elegir color (Pick color). El valor hexadecimal bajo la etiqueta se actualiza.
- Repite para los demás roles que quieras cambiar y luego toca Guardar.
- Para cambiarla más adelante, toca la fila de la paleta; para eliminarla, toca el icono de papelera de la fila.
La paleta “Studio graphite” de Mara usa un primario gris azulado, un secundario gris medio y un acento naranja tostado que coincide con el logotipo del estudio. Una vez guardada, aparece al final de la franja de paletas de la pestaña Galería, tras un fino separador que la distingue de las diez integradas. Tócala allí y todos los diseños de partida se redibujan con tus colores, que es la forma más rápida de juzgar cómo se comporta un color de marca en una página antes de comprometerte con un diseño personalizado.
Cómo cambiar las fuentes de tus PDF
Las fuentes son un ajuste global, no por factura: lo que elijas en Documentos se aplica a todos los PDF que generes a partir de entonces, con cualquier diseño y paleta.
- Abre Ajustes, toca Fuentes y luego la pestaña Documentos.
- En Familia tipográfica (Font Family), toca una de las ocho filas: Predeterminado del sistema (System Default), Noto Sans, Noto Serif, Roboto, Open Sans, Lato, PT Sans o Merriweather. Cada fila está impresa con su propia tipografía y la seleccionada muestra una marca de verificación.
- Desplázate hasta la tarjeta Título de factura (Invoice Title) y arrastra el control deslizante Escala (Scale); el porcentaje de la derecha y la vista previa de INVOICE cambian mientras arrastras.
- Toca los conmutadores B, I, U o S para añadir negrita, cursiva, subrayado o tachado a ese rol de texto.
- Haz lo mismo en las tarjetas Encabezados de tabla (Table Headers), Cuerpo de texto (Body Text) y Notas y condiciones (Notes & Terms). Los cambios se guardan a medida que los haces; no hay botón Guardar.
Los cuatro roles tienen valores predeterminados razonables: el título y los encabezados de tabla están en negrita al 100%, el cuerpo de texto es regular al 100%, y las notas y condiciones están en cursiva al 90%. Los controles deslizantes de escala van del 70% al 150% en las tarjetas de documento. La pestaña Interfaz es independiente; su lista de familias es la misma, pero sus controles deslizantes Escala y Tamaño de icono (Icon Size) solo afectan a las pantallas de la app y nunca al PDF.
Reglas y detalles
- El diseño, la paleta y la disposición se guardan en la propia factura (campos para plantilla, paleta y variante de disposición). Cambiarlos en una factura nunca afecta a otra. Duplicar una factura y convertir un presupuesto en factura copian los tres campos, junto con el idioma de la factura; una programación recurrente tiene su propio ajuste de plantilla.
- Una factura nueva empieza como Clean con la paleta Ocean y la disposición Estándar. Tocar un diseño en la cuadrícula restablece la paleta al valor predeterminado de ese diseño; elige la paleta después del diseño.
- Si una factura hace referencia a una paleta o un diseño que ya no existe, el renderizador recurre a Ocean y Clean en lugar de fallar.
- Elegir un diseño y una paleta es gratuito. Crear una paleta personalizada requiere Pro. En una cuenta gratuita, o cuando la prueba ha terminado, cada página PDF lleva una marca de agua gris diagonal con el texto “Invoice Flow APP — FREE VERSION” al previsualizarla o compartirla.
- Las diez paletas integradas usan texto de encabezado blanco y el color primario como fondo del encabezado; difieren en el primario, el secundario, el acento y el tinte usado para las cajas.
- Una paleta personalizada recibe un identificador único y se almacena en las preferencias de la app, no en la base de datos. Los ajustes de fuentes se almacenan de la misma forma. Ninguno de los dos se incluye en una exportación de copia de seguridad (solo la base de datos y el ajuste de automatización de inventario), y eliminarla desde el icono de papelera de la fila es inmediato, sin confirmación ni posibilidad de deshacer.
- El selector de color no tiene campo de entrada hexadecimal; solo se pueden elegir las 24 muestras. El hexadecimal mostrado bajo cada rol está en formato AARRGGBB, así que
#FF455A64es el color opaco 455A64. - Las familias tipográficas distintas de Predeterminado del sistema y Noto Sans se descargan la primera vez que un PDF las usa, con variantes reales de negrita y cursiva. Si la descarga falla, por ejemplo sin conexión, el PDF usa sin aviso la Noto Sans incluida; el ajuste de fuente en sí se conserva.
- Elijas la familia que elijas, los caracteres árabes, devanagari, chinos, japoneses y coreanos se dibujan siempre con las fuentes Noto incluidas, así que las facturas con escrituras mixtas nunca muestran glifos ausentes.
- La tarjeta Idioma de la factura del editor ofrece Idioma de la app (App Language) más 16 idiomas (inglés, ruso, alemán, francés, español, italiano, portugués, neerlandés, polaco, japonés, coreano, chino, árabe, hindi, turco y ucraniano). Traduce las etiquetas impresas como Facturar a, Subtotal y Condiciones de pago, y los nombres de país en las direcciones; las fechas mantienen el formato propio de la app.
- La tabla Desglose de varios impuestos aparece siempre que la disposición esté configurada así o los artículos tengan más de un tipo impositivo distinto.
- Una factura que usa un diseño personalizado de la pestaña Mías ignora el diseño y la paleta elegidos en Seleccionar plantilla; su tarjeta del editor indica entonces Plantilla personalizada (Custom template).
Consejos
Guías relacionadas
- Editor de plantillas personalizadas para crear un diseño propio a partir de los diseños de partida de la Galería.
- Vista previa PDF, compartir y el editor PDF para lo que ocurre después de elegir el diseño.
- Logotipo: variantes cuadrada y ancha porque el logotipo de encabezado que imprime un diseño depende de las variantes de logotipo ancho que hayas subido.