Un ami m'a demandé hier de lui recommander un générateur de factures gratuit. J'ai ouvert les dix premiers résultats Google et ils faisaient tous la même chose : mur d'inscription, capture d'email, ou un filigrane en travers du PDF sauf si vous payez 12 $/mois. Générer un PDF à partir de champs de formulaire est un problème résolu qui est devenu, on ne sait comment, une catégorie SaaS.
J'en ai donc construit trois en une journée. Générateur de factures, constructeur de CV, générateur de lettres de motivation. Pas d'inscription, pas de filigrane, aucune donnée ne quitte votre navigateur. Vous remplissez les champs, vous voyez un aperçu en direct, vous téléchargez un PDF propre. Terminé.
Les trois outils sont un Générateur de Factures, un Constructeur de CV et un Générateur de Lettres de Motivation. Tous les trois fonctionnent entièrement dans votre navigateur.
Pourquoi j'ai construit ces outils au lieu de recommander ceux qui existent
Le mois dernier, j'ai essayé de trouver des générateurs de factures gratuits pour un ami freelance. Chacun d'entre eux exigeait une inscription, vous limitait à un seul modèle, ajoutait leur marque au PDF, ou était clairement un entonnoir vers leur produit SaaS. Même histoire avec les constructeurs de CV : le niveau gratuit vous donne un modèle basique, et dès que vous voulez quelque chose d'aspect professionnel, vous vous retrouvez face à un mur payant.
Le fait est que générer un PDF à partir de données de formulaire n'est pas un problème complexe. Le navigateur à tout ce qu'il faut. pdf-lib est une excellente bibliothèque open-source qui crée des PDFs entièrement en JavaScript. Il n'y a sincèrement aucune raison pour que les données de votre facture doivent transiter par le serveur de quelqu'un d'autre.
J'ai donc construit ces outils avec une couche partagée de rendu PDF et un système de modèles inspiré de PptPresentationMaker, qui était déjà l'outil le plus complexe de Kitmul. L'architecture est simple : un état React pour le formulaire, un aperçu en direct HTML/CSS qui se met à jour à chaque frappe, et un PDF pdf-lib qui se génère quand vous cliquez sur télécharger.
Le Générateur de Factures : six modèles et de vrais calculs
Le Générateur de Factures a été le plus intéressant techniquement des trois. Il propose six modèles (Clean, Modern, Classic, Bold, Minimal, Corporate), chacun avec des dispositions d'en-tête et des schémas de couleurs distincts. Vous pouvez télécharger le logo de votre entreprise, et l'outil le redimensionne côté client en utilisant un élément canvas avant de l'intégrer dans le PDF avec embedPng().
Les calculs automatiques gèrent les sous-totaux, les remises en pourcentage ou en montant fixe, et les taux de taxes. Tout se met à jour en direct dans l'aperçu. Le sélecteur de devise prend en charge douze monnaies avec un formatage adapté à la locale via Intl.NumberFormat ; les mêmes $1,234.56 s'affichent correctement que vous choisissiez USD, EUR ou JPY.
Le rendu des tableaux a été la partie la plus difficile. pdf-lib n'a pas de concept de tableau ; vous positionnez des rectangles et du texte avec des coordonnées en pixels. J'ai écrit un helper partagé drawTable qui calcule les hauteurs de lignes en fonction du retour à la ligne du texte, gère les arrière-plans de lignes alternées et passe automatiquement à une nouvelle page si le tableau déborde. Ce helper est maintenant réutilisable dans les trois outils.
Quelque chose qui m'a surpris : le calcul de la disposition de l'en-tête. Les modèles avec des arrière-plans colorés doivent connaître la hauteur exacte du contenu de l'en-tête (hauteur du logo + lignes d'informations commerciales + détails de la facture) avant de dessiner le rectangle d'arrière-plan. J'ai fini par le calculer dynamiquement en fonction des champs remplis, de sorte que l'en-tête se réduit si vous laissez des champs vides et s'agrandit si vous ajoutez un logo.
Le Constructeur de CV : cinq modèles, tous compatibles ATS
Le Constructeur de CV est l'outil le plus complexe avec environ 900 lignes. Il propose cinq modèles : Classic (colonne unique, compatibilité ATS maximale), Modern (avec une barre latérale colorée pour les informations de contact et les compétences), Professional (en-tête à deux colonnes), Minimal (beaucoup d'espace blanc) et Executive (soulignements d'accent en gras).
J'ai fait le choix délibéré de n'utiliser que les StandardFonts de pdf-lib (Helvetica et Helvetica-Bold). Les polices personnalisées sont plus jolies, mais elles cassent les Applicant Tracking Systems. Les parsers ATS attendent des polices standard et un positionnement de texte simple. Chaque modèle produit du texte réel et sélectionnable dessiné de haut en bas, jamais des images de texte. Même le modèle Modern avec sa barre latérale dessine le contenu principal en premier dans l'ordre de lecture, pour qu'un ATS lise votre expérience avant vos coordonnées.
Les sections sont réorganisables. Vous pouvez glisser Expérience au-dessus de Formation ou ajouter des sections Certifications, Langues et Projets. Chaque entrée d'expérience prend en charge plusieurs puces avec des contrôles d'ajout/suppression. L'ensemble génère des PDFs multi-pages quand votre CV dépasse une page, avec des sauts de page corrects qui ne séparent jamais un titre de section de son contenu.
Le Générateur de Lettres de Motivation : la simplicité bien faite
Le Générateur de Lettres de Motivation est le plus simple des trois, mais c'est justement l'idée. Une lettre de motivation est une lettre commerciale mise en forme, et se tromper dans la mise en forme donne une impression de négligence. L'outil gère quatre modèles (Traditional, Modern, Professional, Simple) avec les conventions correctes de lettre commerciale : placement des informations de l'expéditeur, format de date, formule d'appel, paragraphes du corps et formule de politesse.
Le modèle Traditional place vos coordonnées en haut à droite (la norme formelle). Le modèle Modern utilisé un grand nom avec une ligne d'accent horizontale. Le modèle Professional à un bloc d'en-tête coloré. Vous pouvez ajouter autant de paragraphes que nécessaire.
Aucune IA n'écrit votre lettre. Vous l'écrivez, l'outil la met en forme. Je pense que c'est important. Un responsable du recrutement qui a lu une centaine de lettres générées par IA les repère instantanément. Vos mots dans une mise en page propre se démarqueront davantage qu'une lettre générée par GPT dans un design tape-à-l'oeil.
L'argument de la vie privée est réel
Ces trois outils manipulent des informations sensibles. Votre facture contient les coordonnées de votre entreprise, les noms de vos clients et des données financières. Votre CV contient votre parcours professionnel, votre email et votre numéro de téléphone. Votre lettre de motivation nomme des entreprises spécifiques auxquelles vous postulez.
Toutes les alternatives que j'ai testées envoient ces données à un serveur. Zoho, Canva, Resume.io, Zety ; elles exigent toutes des comptes, et une fois que vous avez créé un compte, vos données vivent sur leurs serveurs sous leurs politiques de confidentialité. Certaines déclarent explicitement qu'elles utilisent vos données pour "l'amélioration du service", ce qui est une façon polie de dire qu'elles entraînent des modèles avec votre CV.
Avec des outils basés sur le navigateur, l'architecture fait de la confidentialité le comportement par défaut. Il n'y a pas de serveur à qui envoyer des données. La bibliothèque pdf-lib génère le PDF dans un Web Worker, le navigateur crée un Blob URL et le téléchargement se fait via un clic sur un lien local. Vos données existent dans la mémoire du navigateur jusqu'à ce que vous fermiez l'onglet.
Ce que je construirais ensuite
Générateur de Reçus (le miroir des factures, côté réception), Générateur de NDA (documents juridiques simples basés sur des modèles) et Générateur de Comptes-Rendus de Réunion (notes structurées en PDF). Tous suivent le même schéma : données de formulaire, aperçu en direct, PDF propre. Les helpers de mise en page partagés rendent chaque nouvel outil plus rapide à construire que le précédent.
Si vous êtes freelance et créez des factures, en recherche d'emploi et peaufinez votre CV, ou simplement quelqu'un qui a besoin d'un document professionnel sans la danse de l'inscription, essayez ces outils. Ils sont sur kitmul.com aux côtés de plus de 400 autres outils gratuits basés sur le navigateur.
Outils associés : PPT Presentation Maker · Text to PDF · PDF Merger · Budget Planner · Image to PDF
Références :