Comment exporter un logo depuis Figma pour un client

1. Préparez une copie du visuel validé pour la livraison

Créez une zone de livraison clairement nommée dans votre fichier Figma. Placez chaque variante de logo validée dans son propre cadre ou groupe : par exemple, Principal, Symbole et Blanc. Gardez les concepts rejetés et les versions exploratoires ailleurs. Vous réduirez ainsi considérablement le risque de sélectionner le mauvais élément à exporter.

Inspectez les limites autour de chaque logo. Un grand cadre vide peut laisser un symbole minuscule dans une grande image ; des limites trop serrées peuvent couper ce qui dépasse. Décidez si la marge doit faire partie du fichier exporté ou être ajoutée par la mise en page qui l’utilise. Vérifiez la sélection en conséquence.

Conservez l’original modifiable intact. Une copie de livraison permet de résoudre les problèmes d’export sans perdre le texte éditable, la structure des composants ou d’autres informations utiles lors d’une future révision.

• Donnez un nom utile à chaque export sélectionné avant de le télécharger.
• Supprimez les fonds de présentation des versions destinées à être transparentes.
• Vérifiez que le logo sélectionné comprend tous les éléments de la composition validée.
• Vérifiez que les petits textes, les masques et les effets sont conservés dans le résultat prévu.

2. Exportez un SVG et rouvrez-le

Une fois le logo sélectionné, cliquez sur + à côté d’Export dans le panneau des propriétés, choisissez SVG, puis exportez la sélection. Figma propose aussi des exports natifs PNG, JPG et PDF ; l’utilisation d’un autre outil est facultative. Ses réglages d’export permettent de définir des largeurs et hauteurs personnalisées pour les images matricielles.

Figma vectorise le texte des SVG par défaut. Cela préserve la forme des lettres sans conserver de texte éditable dans l’export. Gardez le fichier de travail pour les modifications de texte futures. Vérifiez les réglages d’export si votre projet nécessite spécifiquement du texte éditable.

Ouvrez le SVG téléchargé dans un navigateur et, si utile, dans un autre éditeur vectoriel. Comparez le logotype lettre par lettre à la version validée. Vérifiez les épaisseurs des contours, les évidements, les limites extérieures et les détails superposés. Un téléchargement réussi confirme uniquement qu’un fichier a été créé.

Pour aller plus loin : Figma : exporter depuis Figma · Figma : formats et réglages d’export

3. Créez les fichiers écran pour des destinations réelles

Demandez au client les prochains emplacements où le logo apparaîtra. Un en-tête de site web, une présentation et une photo de profil ont des contraintes différentes. Notez les dimensions requises, le fond et les formats acceptés avant de créer un grand nombre d’exports.

Supposons, par exemple, qu’un développeur demande un logo matriciel transparent affiché sur 180 pixels de large. Un export de 360 pixels de large fournit une image 2× pour cet emplacement ; un export de 540 pixels de large fournit une image 3×. Ces tailles sont propres à cet exemple. Confirmez le besoin réel avec le développeur plutôt que de considérer ces valeurs comme des normes universelles. Pour créer la version de 360 pixels dans Figma, ajoutez un export PNG et saisissez 360w dans le champ Scale ; utilisez 540w pour l’exemple 3×.

Utilisez le SVG lorsque la destination l’accepte, et le PNG lorsqu’un fichier matriciel transparent est nécessaire. Fournissez un JPG uniquement lorsqu’une image sur fond uni convient ou est requise. Choisissez le profil colorimétrique numérique attendu ; Figma propose des réglages d’export sRGB et Display P3. Testez le fichier obtenu dans sa destination réelle.

Acme_Primary_Web.svg
Acme_Primary_Transparent_360px.png
Acme_White_Transparent_360px.png
Acme_Primary_WhiteBackground_1200px.jpg

Il s’agit d’exemples de livrables, pas de tailles obligatoires.

Poursuivez avec : Choisir les formats selon l’usage

4. Traitez l’impression comme une décision de production distincte

Si un imprimeur demande un EPS CMJN ou des spécifications PDF particulières, notez cette demande exacte. Un simple PDF téléchargé depuis Figma ne garantit pas que les exigences de l’imprimeur en matière de couleurs, de profil et de production sont satisfaites.

Demandez si le prestataire attend une quadrichromie CMJN, des tons directs, un profil de sortie nommé ou une norme PDF particulière. Vérifiez le fichier réellement exporté à l’aide d’une méthode d’inspection adaptée et demandez une épreuve lorsque la précision des couleurs est importante. Fournissez le logo comme un élément graphique ; ajoutez des réglages de fond perdu ou de coupe uniquement si vous préparez aussi la mise en page finale qui en a besoin.

Pour les visuels SVG vectoriels à aplats pris en charge, logopack.app peut créer des logos EPS CMJN et, avec Pro, PDF CMJN à partir des valeurs CMJN du projet. Les visuels complexes peuvent nécessiter une préparation dans un éditeur vectoriel. Ces exports doivent toujours être vérifiés selon le cahier des charges du prestataire.

Pour aller plus loin : Adobe : options de sortie PDF

5. Choisissez comment assembler le pack

Pour une petite livraison, les exports natifs de Figma et des dossiers soigneusement nommés peuvent suffire. Conservez un processus facile à vérifier. Si vous avez régulièrement besoin de nombreuses variantes validées et de plusieurs types de fichiers, une méthode de préparation de packs peut réduire le travail d’organisation manuel.

Vous pouvez par exemple importer le SVG vérifié dans logopack.app, identifier le logo principal et les éventuelles versions supplémentaires, examiner les variantes couleur et inspecter l’aperçu des dossiers. Les exports standards comprennent les formats SVG, PNG, JPG, WebP et EPS CMJN. Pro ajoute des réglages d’export personnalisés, des logos PDF CMJN pour les visuels pris en charge et un guide du logo PDF. Un compte gratuit permet de prévisualiser vos visuels et d’exporter la démo fournie inchangée. L’export de vos propres visuels nécessite Pro.

Si vous préférez rester dans Figma, TinyImage propose une méthode Logo Packager documentée. Comparez les livrables requis et les conditions actuelles des offres avant de choisir. La question utile est de savoir si le pack final répond aux besoins du client et vous épargne un travail que vous feriez autrement à la main.

Poursuivez avec : Comparer les méthodes de préparation de packs de logos

Pour aller plus loin : TinyImage : préparer un pack de logos dans Figma

6. Vérifiez ce que le client recevra

Décompressez la livraison réelle dans un nouveau dossier. Ouvrez des fichiers représentatifs de chaque format et de chaque variante de logo. Testez un logo blanc transparent sur un fond sombre afin qu’il ne soit pas pris pour un fichier vide.

Ajoutez de brèves instructions indiquant le logo par défaut et expliquant quels fichiers utiliser dans les applications courantes. Si l’accès au fichier Figma modifiable fait partie de l’accord, fournissez-le séparément avec les autorisations appropriées. Un dossier d’exports ne remplace pas une livraison de fichiers sources convenue.

• ✓Comparez les lettres et les formes au visuel validé.
• ✓Vérifiez les dimensions en pixels, les marges et la netteté des images matricielles à leur taille d’utilisation.
• ✓Inspectez les fichiers transparents sur des fonds clairs et sombres.
• ✓Comparez les réglages couleur et de sortie d’impression à la demande du prestataire.
• ✓Retirez les versions en double, rejetées et obsolètes.
• ✓Lisez les noms de fichiers et les instructions comme une personne découvrant le projet.

Questions fréquentes sur l’export de logos depuis Figma