Guide d’organisation des fichiers de design : conventions de nommage, structure de pages et checklist de nettoyage

Ce guide s’adresse aux designers et aux freelances qui partagent leurs fichiers de maquettes avec un client ou une équipe de développement. Il sert au moment où un fichier doit se lire sans son auteur : avant une revue client, avant une passation, quand une bibliothèque de composants commence à grossir, ou quand vous rouvrez un projet après plusieurs mois. Il dit comment nommer les calques, les composants, les variantes, les styles et les variables, comment découper un fichier en pages et en sections, et quoi vérifier avant de le partager.

Le guide est écrit pour Figma, l’outil de conception dont il décrit les fonctions. Figma est une marque de Figma, Inc. ; ce guide est indépendant, il n’est ni affilié à Figma, Inc., ni approuvé par elle. Chaque règle porte un identifiant et sa source : un article du centre d’aide de l’outil, le format de tokens du groupe communautaire Design Tokens du W3C, ou un système de design public. Quand une règle n’a pas de source écrite, le guide la présente comme un conseil, à adapter à votre équipe.

• Un guide PDF de 16 pages : mode d’emploi ; pourquoi ranger, et pour qui ; la grammaire des noms, c’est-à-dire le séparateur et la casse de chaque type d’objet, du calque à la variable CSS ; une page par objet à nommer (calques, composants, variantes et propriétés, styles, variables) ; les niveaux de variables, de la valeur brute au composant ; la structure des pages et la page de couverture ; les structures types ; le nettoyage avant partage ; les versions et le journal ; les sources.
• 40 exemples bons et mauvais, en 5 catégories de 8 : calques, composants, variantes et propriétés, styles, variables. Chaque exemple oppose un nom à éviter et un nom à préférer, dit pourquoi, et donne son fondement.
• 4 structures de pages types : projet client, design system, exploration, passation. Chacune liste ses pages numérotées et ce qu’elles contiennent, et a sa version en trois pages, pour les fichiers d’équipe de l’offre gratuite de l’outil, limités à trois pages au 12 novembre 2026.
• Une checklist de nettoyage de 30 points en 5 groupes : pages et structure ; calques ; composants et variantes ; styles et variables ; passation, accessibilité et versions. Chaque point renvoie à la règle qui le fonde, avec la nature du fondement. Elle existe en PDF de 5 pages, à imprimer et à cocher, et en tableur : un statut par point (Fait, À faire, Sans objet) en liste déroulante, une remarque, et une feuille des règles citées.
• Un gabarit de couverture et de miniature de fichier, en 1 920 × 1 080 px, en SVG et en PNG, avec des zones pour le projet, le client, la version, la date, le statut et le contact. Ses textes sont vectorisés : vous les remplacez par vos propres calques de texte.
• Un modèle de journal des versions, en Markdown, en DOCX et en tableur, avec ses 6 types de changements (Ajouté, Modifié, Obsolète, Retiré, Corrigé, Sécurité), et un exemple rempli dans le tableur sur une bibliothèque inventée.
• 29 sources, chacune avec son adresse et sa date de consultation : articles du centre d’aide de l’outil, format DTCG, systèmes de design publics, gestion sémantique de version, Keep a Changelog et WCAG.

Fichiers du guide :

• guide-organisation-fichiers.pdf
• checklist/checklist-nettoyage.pdf
• checklist/checklist-nettoyage.xlsx
• couverture/couverture-fichier.svg
• couverture/couverture-fichier.png
• journal/journal-des-versions.md
• journal/journal-des-versions.docx
• journal/journal-des-versions.xlsx

Ce que le guide ne contient pas

• Aucun fichier de l’outil de conception : pas de bibliothèque de composants ni de fichier modèle à dupliquer. Les structures de pages sont décrites en tableaux, à reproduire dans vos fichiers.
• Aucune convention imposée : l’aide de l’outil dit elle-même qu’il n’en existe pas d’unique. Le guide vous fait trancher la casse, les abréviations, le vocabulaire, les booléens et les échelles de valeurs, puis donne ses propres choix, signalés comme conseils.
• Aucun plugin à installer : le guide s’appuie sur les fonctions décrites dans le centre d’aide de l’outil.

Fabrication et IA

Les textes du guide, de la checklist, du journal des versions et des exemples ont été rédigés avec un assistant d’IA, puis relus et contrôlés : chaque référence vérifiée sur sa source, recette et relecture avant publication. Aucune image n’a été produite par un générateur d’images.

• PDF A4 balisé (guide et checklist) : texte réel, sélectionnable et copiable, titres structurés ; les sources du guide sont des liens actifs. Les PDF s’ouvrent dans tout lecteur de PDF et s’impriment en A4.
• XLSX : la checklist et le journal s’ouvrent dans les tableurs courants ; les listes déroulantes y fonctionnent.
• SVG et PNG : le gabarit de couverture s’importe dans l’outil de conception ou dans tout logiciel qui lit ces formats.
• Markdown : le journal se tient dans tout éditeur de texte, ou à côté du code dans un dépôt.
• DOCX : le même journal pour un traitement de texte, sans police imposée.
• Police : les PDF sont composés en Work Sans, sous licence SIL OFL 1.1, embarquée en sous-ensemble.

À savoir avant de le télécharger :

• Tout le guide est en français. Les intitulés des sources restent en anglais, et le guide conseille d’écrire en anglais les noms qui partent dans le code.
• Les limites des offres de l’outil sont celles du 12 novembre 2026 : elles peuvent changer, vérifiez-les à la date de lecture.
• Le format DTCG cité est un rapport final de groupe communautaire du W3C, pas une recommandation du W3C.
• Les PDF sont balisés, mais leur conformité à la norme PDF/UA n’est pas attestée.

Le guide est offert contre la création d’un compte gratuit, sous licence commerciale : vous pouvez l’appliquer à vos fichiers et à ceux de vos clients, et utiliser la checklist, le gabarit de couverture et le modèle de journal dans vos projets, y compris facturés. Vous ne pouvez pas revendre ni redistribuer le guide ou ses fichiers, même gratuitement.

• Contourner la limite de trois pages : anecdote et bonnes pratiques
• Organisez vos fichiers en renommant vos éléments par lots
• Nettoyez vos fichiers des calques masqués en un clic
• Design tokens : ce que change le format DTCG

1.0.0 (12 novembre 2026) : première version.