Fini le Lorem Ipsum et John Doe — données françaises réalistes dans Figma

Publié le 26 juin 2026 — 8 min de lecture

Vous présentez une maquette à votre client. Tout est soigné : la typographie, les couleurs, la hiérarchie visuelle. Et puis votre client pose les yeux sur les données de remplissage :

“John Doe. 123 Main Street. Phone: (555) 000-0001.”

Le charme est rompu. Votre client, dont le produit s’adresse à des Françaises et des Français, voit une interface qui lui semble étrangère. La confiance dans la maquette vacille — non pas à cause du design, mais à cause des données.

Ce problème est plus répandu qu’on ne le croit, et il a une solution simple.

Le Lorem Ipsum est un mensonge commode

Le Lorem Ipsum a été inventé pour simuler la présence de texte sans distraire l’œil du design. C’était une bonne idée pour les maquettes d’imprimerie du 16e siècle.

En 2026, les interfaces sont interactives, contextuelles, et présentées à des clients qui imaginent immédiatement leur propre usage. Quand un formulaire affiche “Lorem ipsum dolor sit amet” dans un champ “Nom de famille”, le client ne voit pas un champ bien dimensionné — il voit une case vide déguisée.

Pire encore, les outils de remplissage automatique standard — Figma content fill, la plupart des plugins génériques — proposent des données anglaises ou américaines par défaut. Le résultat : des maquettes de SaaS B2B français remplies de “John Smith”, “New York”, “ZIP Code”, et de numéros de téléphone à 10 chiffres sans indicatif.

Ce que voient vos clients français

Imaginons une maquette de logiciel de gestion de devis pour des artisans français. Sans données réalistes :

Client : John Smith
Adresse : 742 Evergreen Terrace, Springfield
SIRET : 00000000000000
IBAN : DE89 3704 0044 0532 0130 00

Avec Données FR :

Client : Thomas Dupont
Adresse : 14 rue du Faubourg Saint-Antoine, 75011 Paris
SIRET : 73282932000074
IBAN : FR76 3000 6000 0112 3456 7890 189

La différence est immédiate. La deuxième version est immersive. Le client peut projeter son usage réel. La démonstration devient convaincante.

Données INSEE : des prénoms qui sonnent français

Le plugin Données FR utilise les données officielles de l’INSEE — le fichier des prénoms et le fichier des patronymes, publiés sous Licence Ouverte 2.0 (Etalab).

Ces fichiers contiennent les prénoms et noms de famille les plus portés en France, pondérés par leur fréquence réelle dans la population. Le résultat : des noms qui reflètent la diversité et la réalité démographique française.

Vous n’obtiendrez pas “Étienne Château-Lebrun” à chaque clic — vous obtiendrez la même distribution statistique que dans la vraie population : beaucoup de Martin, Dupont, Bernard, des Traoré, des Nguyen, des Fernandez.

Tutoriel — insérer un prénom et un nom :

Ouvrez votre fichier Figma et lancez le plugin Données FR (clic droit > Plugins > Données FR)
Cliquez sur le nœud texte contenant votre placeholder “Prénom”
Dans le panneau Données FR, cliquez sur Prénom
Répétez pour le nœud “Nom”

[Capture d’écran : interface du plugin avec la section Identité ouverte, curseur sur le bouton Prénom, nœud texte sélectionné sur le canvas affichant “Léa” après remplissage]

BAN : des adresses qui existent (presque)

La Base Adresse Nationale (BAN) est le référentiel officiel des adresses françaises, maintenu par l’IGN, La Poste et les communes, et publié sur data.gouv.fr sous Licence Ouverte.

Données FR puise dans cette base pour construire des adresses cohérentes : le nom de la rue existe, le type de voie est correct (rue, avenue, impasse, allée…), et le couple code postal / commune est toujours valide.

Les numéros de rue sont générés de façon plausible (pas de “99999 rue de la Paix”) mais ne correspondent pas nécessairement à un bâtiment existant.

Ce que vous obtenez :

14 rue de la Paix, 75001 Paris
3 avenue Jean Jaurès, 69007 Lyon
27 boulevard des Capucines, 13001 Marseille
8 impasse des Lilas, 31000 Toulouse
47 chemin du Moulin, 06000 Nice

[Capture d’écran : liste de 5 cards de profil dans Figma, chacune avec une adresse française différente, générées en mode batch en une seule action]

SIRET, IBAN, NIR : des données admin qui passent la validation

C’est là que Données FR se distingue réellement des outils génériques.

Le problème des zéros et des chiffres répétés

Quand un designer tape manuellement une donnée fictive dans un prototype, le résultat est souvent 000000000000 ou 12345678. Si votre prototype inclut une validation en temps réel — ce qui est de plus en plus courant dans les démos — le champ passe immédiatement en état d’erreur.

Données FR génère des données qui passent les algorithmes de validation officiels :

SIRET : 14 chiffres, valide selon l’algorithme de Luhn utilisé par l’INSEE
IBAN FR : format FR76, clé de contrôle valide selon ISO 13616 (mod 97)
NIR : 15 chiffres avec clé mod 97, structurés comme un vrai numéro de sécurité sociale

Ce qu’elles ne sont pas : Ces données ne correspondent à aucune entreprise, aucun compte ni aucune personne réels. Elles sont uniquement valides sur le plan algorithmique — pour que votre prototype ne se retrouve pas couvert de messages d’erreur.

[Capture d’écran : formulaire de saisie SEPA dans Figma avec un IBAN fictif “FR76 3000 6000 0112 3456 7890 189” affiché sans erreur de validation dans le composant, à côté du même formulaire avec “00000000000” en rouge]

Tutoriel complet — remplir une fiche client en 60 secondes

Voici comment remplir une fiche client complète avec Données FR :

Étape 1 — Préparez votre maquette

Assurez-vous que vos nœuds texte de placeholder ont des noms descriptifs dans le panneau des calques Figma : “prenom”, “nom”, “email”, “telephone”, “adresse”, “siret”.

Étape 2 — Activez la cohérence personne (Premium)

Dans le panneau Données FR, cochez Cohérence personne. Cette option garantit que le prénom, le nom et l’email appartiennent au même personnage fictif.

Étape 3 — Sélectionnez le conteneur

Cliquez sur le frame de votre fiche client (nommé “client” ou “profil” dans vos calques).

Étape 4 — Cliquez sur Remplir tout

Le plugin remplit automatiquement tous les nœuds texte reconnus dans le conteneur avec des données cohérentes.

[Capture d’écran : avant/après — fiche client vide avec placeholders en gris clair, puis la même fiche avec toutes les données remplies : “Camille Rousseau”, “06 45 67 89 01”, “[email protected]”, “8 impasse des Lilas, 31000 Toulouse”]

Résultat :

Prénom  : Camille
Nom     : Rousseau
Email   : [email protected]
Mobile  : 06 45 67 89 01
Adresse : 8 impasse des Lilas, 31000 Toulouse
SIRET   : 41816609800069

Mode batch : remplir 50 lignes en un clic

Pour les tableaux de données, les listes d’utilisateurs, ou les grids de cards, le mode batch est indispensable.

Procédure :

Sélectionnez tous vos nœuds texte (Shift+clic ou Ctrl+A dans le frame)
Choisissez la catégorie dans Données FR
Cliquez — chaque nœud reçoit une valeur différente

[Capture d’écran : tableau de 10 lignes avec colonnes Prénom, Nom, Email — les 30 nœuds texte sont sélectionnés (surbrillance bleue), le panneau Données FR est ouvert sur le côté]

En version Free, le batch est limité à 10 nœuds. En Premium, la limite est supprimée.

Conclusion : vos maquettes méritent des données françaises

Le Lorem Ipsum et John Doe ont vécu. Vos clients français méritent de voir des maquettes qui leur ressemblent — avec des prénoms qu’ils reconnaissent, des adresses dans leur ville, des numéros qui ont la bonne structure.

Données FR est disponible gratuitement sur la Figma Community. La version Free couvre déjà tous les cas d’usage courants. La version Premium débloque le mode batch illimité et la cohérence personne pour les maquettes complexes.

Installez Données FR → figma.com/community/plugin/donnees-fr

Sources : INSEE — Fichier des prénoms (Licence Ouverte 2.0) · Base Adresse Nationale (Licence Ouverte 2.0) · ARCEP — Plan de numérotation · Norme ISO 13616