Un amigo me pidió ayer que le recomendara un generador de facturas gratuito. Abrí los diez primeros resultados de Google y todos hacían lo mismo: muro de registró, captura de email, o una marca de agua atravesada sobre el PDF a menos que pagaras 12 $/mes. Generar un PDF a partir de campos de formulario es un problema resuelto que de algún modo acabó convertido en categoría SaaS.
Así que construí tres en un día. Generador de facturas, constructor de currículum, generador de cartas de presentación. Sin registró, sin marca de agua, sin que ningún dato salga de tu navegador. Rellenas los campos, ves una vista previa en vivo, descargas un PDF limpió. Listo.
Las tres herramientas son un Generador de Facturas, un Constructor de Currículum y un Generador de Cartas de Presentación. Las tres funcionan completamente en tu navegador.
Por qué construí estas herramientas en vez de recomendar las existentes
El mes pasado intenté encontrar generadores de facturas gratuitos para un amigo freelancer. Todos y cada uno requerían registró, te limitaban a una sola plantilla, añadían su marca al PDF, o claramente eran un embudo hacía su producto SaaS. La misma historia con los constructores de currículum: el plan gratuito te da una plantilla básica, y en el momento en que quieres algo con aspecto profesional, te encuentras con un muro de pagó.
La cuestión es que generar un PDF a partir de datos de formulario no es un problema difícil. El navegador tiene todo lo necesario. pdf-lib es una excelente biblioteca open-source que crea PDFs completamente en JavaScript. Genuinamente no hay razón para que los datos de tu factura tengan que pasar por el servidor de otra persona.
Así que construí estas herramientas con una capa compartida de renderizado PDF y un sistema de plantillas inspirado en PptPresentationMaker, que ya era la herramienta más compleja de Kitmul. La arquitectura es directa: estado React para el formulario, una vista previa en vivo HTML/CSS que se actualiza con cada pulsación de tecla, y un PDF generado con pdf-lib cuando haces clic en descargar.
El Generador de Facturas: seis plantillas y cálculos reales
El Generador de Facturas fue el más interesante técnicamente de los tres. Tiene seis plantillas (Clean, Modern, Classic, Bold, Minimal, Corporate), cada una con diseños de cabecera y esquemas de color distintos. Puedes subir el logo de tu empresa, y la herramienta lo redimensiona del lado del cliente usando un elemento canvas antes de incrustarlo en el PDF con embedPng().
Los cálculos automáticos manejan subtotales, descuentos por porcentaje o cantidad fija, y tasas de impuestos. Todo se actualiza en vivo en la vista previa. El selector de moneda soporta doce divisas con formato adaptado a la localización mediante Intl.NumberFormat; los mismos $1,234.56 se muestran correctamente ya sea que elijas USD, EUR o JPY.
El renderizado de tablas fue la parte más difícil. pdf-lib no tiene concepto de tabla; estás posicionando rectángulos y texto con coordenadas en píxeles. Escribí un helper compartido drawTable que calcula las alturas de fila basándose en el ajuste de texto, maneja fondos de filas alternadas y salta automáticamente a una nueva página si la tabla se desborda. Ese helper ahora es reutilizable en las tres herramientas.
Algo que me sorprendió: el cálculo del diseño de la cabecera. Las plantillas con fondos de color necesitan conocer la altura exacta del contenido de la cabecera (altura del logo + líneas de información del negocio + detalles de la factura) antes de dibujar el rectángulo de fondo. Terminé calculándolo dinámicamente según qué campos están rellenos, de modo que la cabecera se encoge si dejas campos vacíos y se expande si añades un logo.
El Constructor de Currículum: cinco plantillas, todas compatibles con ATS
El Constructor de Currículum es la herramienta más compleja con alrededor de 900 líneas. Tiene cinco plantillas: Classic (columna única, máxima compatibilidad ATS), Modern (con una barra lateral coloreada para información de contacto y habilidades), Professional (cabecera a dos columnas), Minimal (mucho espacio en blanco) y Executive (subrayados de acento en negrita).
Tomé la decisión deliberada de usar solo StandardFonts de pdf-lib (Helvetica y Helvetica-Bold). Las fuentes personalizadas se ven mejor, pero rompen los Applicant Tracking Systems. Los parsers ATS esperan fuentes estándar y posicionamiento de texto simple. Cada plantilla genera texto real y seleccionable dibujado de arriba a abajo, nunca imágenes de texto. Incluso la plantilla Modern con su barra lateral dibuja el contenido principal primero en el orden de lectura, para que un ATS lea tu experiencia antes que tus datos de contacto.
Las secciones son reordenables. Puedes arrastrar Experiencia por encima de Educación o añadir secciones de Certificaciones, Idiomas y Proyectos. Cada entrada de experiencia soporta múltiples viñetas con controles de añadir/eliminar. Todo genera PDFs de múltiples páginas cuando tu currículum supera una página, con saltos de página correctos que nunca separan un encabezado de sección de su contenido.
El Generador de Cartas de Presentación: lo simple bien hecho
El Generador de Cartas de Presentación es el más sencillo de los tres, pero esa es precisamente la idea. Una carta de presentación es una carta comercial con formato, y equivocarse en el formato te hace quedar descuidado. La herramienta maneja cuatro plantillas (Traditional, Modern, Professional, Simple) con convenciones correctas de carta comercial: ubicación de la información del remitente, formato de fecha, saludo, párrafos del cuerpo y despedida.
La plantilla Traditional coloca tu información de contacto arriba a la derecha (el estándar formal). La plantilla Modern usa un nombre grande con una línea de acento horizontal. La plantilla Professional tiene un bloque de cabecera con color. Puedes añadir tantos párrafos como necesites.
Ninguna IA escribe tu carta. Tú la escribes, la herramienta le da formato. Creo que eso importa. Un responsable de contratación que ha leído cien cartas generadas por IA las detecta al instante. Tus palabras en un diseño limpió destacarán más que una carta generada por GPT con un diseño llamativo.
El argumento de la privacidad es real
Estas tres herramientas manejan información sensible. Tu factura tiene los datos de tu negocio, nombres de clientes e información financiera. Tu currículum tiene tu historial laboral, correo electrónico y número de teléfono. Tu carta de presentación nombra empresas específicas a las que estás aplicando.
Todas las alternativas que probé envían estos datos a un servidor. Zoho, Canva, Resume.io, Zety; todas requieren cuentas, y una vez que creas una cuenta, tus datos viven en sus servidores bajo sus políticas de privacidad. Algunas de ellas declaran explícitamente que usan tus datos para "mejora del servicio", que es una forma educada de decir que entrenan modelos con tu currículum.
Con herramientas basadas en el navegador, la arquitectura hace que la privacidad sea lo predeterminado. No hay servidor al que enviar datos. La biblioteca pdf-lib genera el PDF en un Web Worker, el navegador crea un Blob URL y la descarga ocurre mediante un clic en un enlace local. Tus datos existen en la memoria del navegador hasta que cierras la pestaña.
Qué construiría a continuación
Generador de Recibos (el espejo de las facturas, para el lado receptor), Generador de NDA (documentos legales simples basados en plantillas) y Generador de Actas de Reunión (notas estructuradas a PDF). Todos siguen el mismo patrón: datos de formulario, vista previa en vivo, PDF limpió. Los helpers de diseño compartidos hacen que cada nueva herramienta sea más rápida de construir que la anterior.
Si eres freelancer creando facturas, un buscador de empleo puliendo tu currículum, o cualquier persona que necesite un documento profesional sin el baile del registró, prueba estas herramientas. Están en kitmul.com juntó a más de 400 herramientas gratuitas basadas en navegador.
Herramientas relacionadas: PPT Presentation Maker · Text to PDF · PDF Merger · Budget Planner · Image to PDF
Referencias: