Comment organiser automatiquement les fichiers de conception

Un dossier de design se remplit rapidement. Un seul projet génère des déclinaisons de logo en quatre formats, des maquettes exportées en plusieurs tailles, un PDF de charte graphique, des modèles pour les réseaux sociaux, des captures d'écran annotées par le client, ainsi que l'équivalent d'un moodboard d'images de référence glanées sur le Web. Des noms de fichiers comme hero_v6_final_FINAL.png décrivent l'ordre chronologique des choses, ce qui n'est pas d'une grande aide lorsque quelqu'un vous demande la version verte de la bannière du printemps dernier.

Ce guide explique comment les designers organisent généralement leurs fichiers et leurs références, les aspects qui demandent le plus d'entretien, et comment configurer Fabric pour que les exports et les images de référence soient décrits selon leur contenu visuel et regroupés dès leur arrivée.

Comment les designers organisent généralement leurs fichiers de design

La plupart des studios utilisent une arborescence de dossiers dans Dropbox ou Google Drive : le client, puis le projet, puis des sous-dossiers pour les fichiers sources, les exports et les références. Associée à une convention de nommage, cette méthode fonctionne tant que les personnes qui l'ont mise en place sont présentes. L'article Explication des formats de fichiers de design aborde les raisons pour lesquelles un même élément existe souvent dans plusieurs formats, ce qui multiplie le nombre de fichiers à classer correctement.

Les images de référence ont tendance à être stockées dans un tout autre endroit. Les tableaux Pinterest, les canaux Are.na et les tableaux Milanote sont agréables pour rassembler des visuels, et chacun conserve sa propre copie. C'est lorsqu'il s'agit de mélanger des images avec des PDF, des liens et des notes dans un seul espace consultable que ces outils commencent à montrer leurs limites, et les références d'un projet sont rarement réutilisées pour le suivant.

Les équipes plus importantes se tournent vers un système de gestion des ressources numériques (DAM) doté de champs de métadonnées, de statuts de validation et d'autorisations. Cela apporte de l'ordre, mais exige du temps de configuration et une personne dédiée à l'étiquetage de chaque fichier importé. L'article Comment gérer les ressources de marque examine cette approche plus en détail.

Étape 1 : Placez vos fichiers de design sur le lecteur Fabric

Installez l'application de bureau Fabric, qui monte Fabric comme un lecteur virtuel sur Mac, Windows et Linux. Exportez directement depuis votre outil de design vers un dossier sur ce lecteur, ou déplacez un dossier de projet existant comme n'importe quel autre dossier. Les fichiers présents sur le lecteur ne prennent aucune place sur votre ordinateur et sont diffusés en streaming lorsque vous les ouvrez, ce qui s'avère très pratique pour les exports volumineux et les bibliothèques d'images. Une équipe peut ainsi travailler à partir d'un lecteur partagé.

Pour les références trouvées en ligne, l'extension de navigateur enregistre des images, une capture d'écran de la page ou l'intégralité du site web. Le glisser-déposer ou l'option « Importer un fichier » dans l'application fonctionnent également pour les éléments ponctuels.

Étape 2 : Laissez Fabric analyser le contenu de chaque fichier

Chaque fichier est traité dès son arrivée. Fabric génère des intégrations vectorielles (embeddings) pour que la recherche puisse le trouver par son sens, rédige un court résumé et extrait des attributs incluant le type de contenu, les concepts et les couleurs. Pour les images, il analyse aussi bien les éléments visuels que le texte présent à l'intérieur : une maquette est ainsi identifiée comme un écran de paiement mobile en mode sombre avec un bouton d'action orange, peu importe ce qu'indique le nom du fichier. Il suggère également des tags que vous pouvez appliquer.

Le texte des PDF est également lu. Une charte graphique ou le brief d'un client est résumé comme n'importe quel autre fichier, et une recherche sur « règles de zone d'exclusion du logo » ouvre la charte directement à la page correspondante. Les captures d'écran de sites concurrents ou les retours clients annotés bénéficient du même traitement, de sorte que le texte inscrit sur une capture d'écran peut être recherché au même titre que l'image elle-même.

Étape 3 : Configurez des collections intelligentes par type de ressource

Créez des collections intelligentes pour les groupes de fichiers que vous utilisez régulièrement : logos, modèles pour réseaux sociaux, icônes, photographies, packagings ou éléments de marque d'un client spécifique. Les collections intelligentes s'alimentent d'elles-mêmes en fonction du contenu : ainsi, un nouvel export de logo rejoint la collection des logos sans que personne n'ait à l'y glisser, tout en continuant d'exister dans son dossier de projet d'origine.

Une collection dédiée aux images de référence fonctionne très bien en parallèle des dossiers de projets. L'inspiration enregistrée pour un brief reste accessible pour le suivant, au lieu de rester enfouie dans le dossier d'un projet terminé. Ajoutez un commentaire à une référence lorsque la raison pour laquelle vous l'avez enregistrée n'est pas évidente, par exemple l'association typographique ou la grille de mise en page qui vous a plu.

Étape 4 : Trouvez des ressources par couleur ou par similarité

Appuyez sur Cmd+F (Mac) / Ctrl+F (Windows) pour lancer une recherche. Pour effectuer une recherche par couleur, collez un code HEX de la palette de marque ou sélectionnez-en un avec la pipette à couleurs, et Fabric affichera les fichiers dans lesquels cette couleur apparaît. L'article Comment rechercher des images par couleur détaille davantage cette méthode.

Lorsque vous avez une image proche de ce dont vous avez besoin, sélectionnez-la et lancez une recherche par similarité. Pour les images, la similarité prend en compte la composition, la couleur et le sujet : une photo de produit avec une ambiance particulière fera ainsi ressortir d'autres visuels partageant le même éclairage et le même cadrage. Vous pouvez combiner n'importe quelle recherche avec des filtres par tag, emplacement ou type d'élément.

Étape 5 : Ajoutez des tableaux et des étapes de révision là où c'est utile

L'organisation dans Fabric reste facultative, bien que deux vues soient particulièrement adaptées au travail de design. Un canevas vous permet de glisser des ressources de votre bibliothèque sur un tableau aux côtés de notes, de liens et de croquis, ce qui en fait un moodboard de travail idéal. Un dossier peut également basculer en vue kanban avec des colonnes comme « brouillon », « en révision » et « approuvé », où chaque carte représente le fichier lui-même.

Pour recueillir les retours d'un client, partagez le dossier et accordez-lui l'autorisation de commentateur. Les commentateurs peuvent dessiner sur une image et associer un commentaire à leur tracé, et vous pouvez marquer chaque commentaire comme résolu une fois traité.

Foire aux questions

Fabric peut-il trouver des images par couleur ?

Oui. Collez un code HEX ou choisissez une couleur à l'aide de la pipette dans la barre de recherche, et Fabric affichera les fichiers dans lesquels cette couleur apparaît.

Fabric comprend-il le contenu d'une image ?

Oui. La recherche analyse aussi bien le contenu visuel des images que le texte qu'elles contiennent, et chaque fichier bénéficie d'un résumé ainsi que d'attributs extraits, y compris les couleurs.

Le stockage de fichiers de design dans Fabric va-t-il saturer mon ordinateur ?

Non. Les fichiers situés sur le lecteur de bureau Fabric ne prennent aucune place sur votre ordinateur et sont lus en streaming lorsque vous les ouvrez.

Dois-je étiqueter chaque ressource ?

Non. Fabric suggère des tags et extrait lui-même le type de contenu, les concepts et les couleurs, et les collections intelligentes s'alimentent à partir de ces informations. Les tags que vous ajoutez sont facultatifs.

Puis-je trouver des designs similaires à un visuel que j'ai déjà ?

Oui. Sélectionnez le fichier et lancez une recherche par similarité. Pour les images, elle compare la composition, la couleur et le sujet.

Mon équipe peut-elle partager une seule et même bibliothèque de design ?

Oui. Une équipe peut travailler à partir d'un lecteur partagé via l'application de bureau, avec des rôles de lecteur, commentateur, éditeur et administrateur configurables par espace ou par fichier. La page Forfaits pour les équipes présente notre tarification pour les équipes, qui ne s'applique pas par utilisateur.

Les clients peuvent-ils commenter les fichiers de design ?

Oui, grâce à un lien partagé avec les droits de commentateur. Ils peuvent dessiner sur les images et joindre des commentaires, et vous pouvez marquer ces derniers comme traités.

Comment enregistrer des images de référence depuis des sites web ?

Utilisez l'extension de navigateur Fabric pour Chrome, Safari ou Firefox. Elle enregistre des images individuelles, une capture d'écran de la page ou le site web dans son ensemble, et chaque élément est analysé comme n'importe quel autre fichier.