Becraft

Exportation dans Figma : Formats et paramètres essentiels

Découvrez comment utiliser les formats et paramètres d'exportation dans Figma pour obtenir des fichiers adaptés à tous vos projets, que ce soit pour le web, l'impression ou les applications mobiles.
Exportation dans Figma : Formats et paramètres essentiels (Figma)
Exportation dans Figma : Formats et paramètres essentiels (Figma)

Figma offre une large gamme de formats et de paramètres d'exportation pour vous aider à obtenir des fichiers adaptés à vos besoins spécifiques, qu'il s'agisse de projets web, mobiles ou imprimés. Choisir le bon format est crucial pour garantir une qualité optimale tout en respectant la taille du fichier et les exigences du projet. Découvrez les différents formats d'exportation et les options qui vous permettent d'ajuster les fichiers à la perfection.

Tableau récapitulatif des formats d'exportation

FormatDescriptionUtilisation idéaleParamètres d'exportation
PNGFormat image matricielle avec compression sans perte, supporte la transparence.Logos, icônes, éléments graphiques avec texteIgnorer chevauchements, inclure la zone de délimitation
JPGFormat de compression avec perte, idéal pour réduire la taille des fichiers.Photos, images complexesIgnorer chevauchements, inclure la zone de délimitation
SVGFormat vectoriel évolutif sans perte de qualité.Logos, icônes et illustrations réactivesIgnorer chevauchements, inclure un attribut « id », ébauche de texte, simplifier le contour
PDFFormat polyvalent pour partager des mises en page complexes avec texte, images et polices.Présentations, maquettes d'impressionAucun paramètre supplémentaire

Détails des formats d'exportation

PNG (Portable Network Graphics)

Le format PNG est idéal pour les images nécessitant de la transparence, comme les logos et les icônes. La compression sans perte garantit une excellente qualité, mais peut rendre le fichier plus lourd.

Options d'exportation :

  • Ignorer les chevauchements de calques : Exporte uniquement les calques visibles, excluant les éléments superposés.
  • Inclure la zone de délimitation : Inclut l'espace autour du texte dans l'exportation (utile pour les calques de texte).

JPG (Joint Photographic Group)

Le format JPG réduit la taille des fichiers grâce à la compression avec perte. Il est parfait pour les images avec beaucoup de détails ou les photographies.

Options d'exportation :

  • Ignorer les chevauchements de calques : Exporte uniquement les éléments visibles, sans superposer les autres objets.
  • Inclure la zone de délimitation : Exporte uniquement la taille exacte du contenu visible, sans espace inutile.

SVG (Scalable Vector Graphics)

Le format SVG est un format vectoriel qui n’utilise pas de pixels, ce qui signifie qu’il peut être redimensionné sans perte de qualité. Ce format est idéal pour les logos, icônes et illustrations utilisées sur des sites responsives.

Options d'exportation :

  • Ignorer les chevauchements de calques : Exporte seulement ce qui est visible sans éléments superposés.
  • Inclure un attribut "id" : Ajoute un identifiant unique pour faciliter la gestion via JavaScript ou CSS.
  • Ébauche de texte : Le texte est converti en glyphes, ce qui le rend non modifiable après l'exportation.
  • Simplifier le contour : Simplifie les contours pour éviter des distorsions lors de l'affichage sur d'autres plateformes.

PDF (Portable Document Format)

Le format PDF est parfait pour partager des documents ou des présentations qui incluent du texte, des images et des graphiques complexes. Ce format est largement utilisé pour l'impression et les présentations professionnelles.

Options d'exportation :

  • Aucun paramètre supplémentaire spécifique au PDF. Le texte sera exporté en tant que glyphes.

Paramètres d'exportation supplémentaires

Échelle (Scale)

L'échelle détermine la taille des images exportées, utile pour les écrans haute définition comme les écrans Retina. Figma vous permet de choisir parmi les échelles suivantes : x1, x2, x3, selon la densité des pixels de l'écran de destination.

  • x1 : Taille normale.
  • x2 : Haute résolution (Retina).
  • x3 : Très haute résolution (pour des écrans encore plus précis).

Suffixe (Suffix)

Le suffixe est un paramètre optionnel qui vous permet d’ajouter un identifiant au nom du fichier exporté, ce qui est utile pour organiser vos ressources. Par exemple, si vous exportez un fichier nommé “Logo.png” et ajoutez le suffixe “Final”, le fichier exporté s'appellera “Logo-Final.png”.

Conclusion

Figma propose une variété de formats et de paramètres d'exportation qui vous permettent de personnaliser vos fichiers en fonction de vos besoins spécifiques, que ce soit pour le web, l’impression ou l'application mobile. En comprenant les différents formats disponibles, vous pouvez choisir celui qui convient le mieux à votre projet et tirer le meilleur parti des options d’exportation comme l'échelle, le suffixe, et les paramètres de chevauchement. Ces outils vous permettent de garantir la qualité et l'efficacité de vos designs tout en optimisant les ressources pour leur utilisation finale.

About the author
Becraft

Becraft

👋 Salut ! Je suis Becraft, un créateur passionné de design. Mon travail explore l'intersection de la créativité et de la fonctionnalité, visant toujours à apporter une touche unique à chaque projet.

Deviens un Meilleur Designer

Grâce à la newsletter, améliore tes compétences de designer : découvre des astuces, explore de nouveaux outils et reste à jour sur les dernières tendances du design!

Becraft

Super ! Vous vous êtes inscrit avec succès.

Bienvenue à nouveau! Vous vous êtes connecté avec succès.

Vous vous êtes abonné avec succès à Becraft.

Succès ! Vérifiez dans votre e-mail le lien magique pour vous connecter.

Succès! Vos informations de facturation ont été mises à jour.

Votre facturation n'a pas été mise à jour.