Comment exporter vers PNG dans Figma

Que vous souhaitiez exporter des calques d’image, des groupes ou des cadres au format JPG, PNG ou SVG, Figma a ce qu’il vous faut .

Mais juste au cas où vous ne sauriez pas comment exporter des images dans différents formats ou quels types d’options d’exportation vous avez, cet article vous fournira quelques directives et conseils pour améliorer votre expérience Figma.

Exporter en PNG

L’exportation d’images PNG est probablement le premier choix de tout le monde. Le processus est le même quel que soit le format souhaité – PNG, JPG, SVG, etc.

• Sélectionnez une image.

• Sélectionnez la section « Exporter » dans la barre latérale droite.

• Cliquez sur le signe « + ».

• Sélectionnez le format d’image PNG.

• Cliquez sur le bouton Exporter l’image.

Avant d’exporter, assurez-vous d’utiliser la fonction de prévisualisation pour vous assurer que vous avez la bonne image et qu’elle ne nécessite pas d’autres modifications.

Exporter la sélection vers PNG

Si vous souhaitez exporter l’élément sélectionné, le processus est aussi simple que possible.

• Sélectionnez un élément ou un cadre à exporter.

• Accédez au panneau Propriétés.

• Faites défiler vers le bas pour trouver la section Exporter.

• Cliquez sur le signe « + ».

• Sélectionnez le format d’image PNG.

• Définissez une taille d’élément différente si nécessaire.

• Exporter l’élément sélectionné.

Méthodes d’exportation PNG alternatives

Si vous avez une image dans Figma que vous souhaitez partager, l’exporter depuis l’application n’est pas le seul moyen.

L’une des meilleures fonctionnalités est l’option « Copier au format PNG ». Voici comment ça fonctionne.

• Sélectionnez une image dans Figma .

• Faites un clic droit sur l’image pour ouvrir le menu.

• Sélectionnez l’option « Copier au format PNG ».

• Collez l’image dans une autre application.

Cette fonctionnalité vous permet de copier la version PNG de l’image ou de l’objet souhaité dans Figma directement dans le presse-papiers. Ce sera la version 1x par défaut de l’image si l’objet n’a pas d’autres paramètres d’exportation.

Pour le rendre encore plus facile, vous pouvez utiliser les raccourcis clavier suivants.

• « Ctrl + Maj + C » est le raccourci clavier pour les appareils Windows.

• « Commande + Maj + C » est le raccourci clavier pour les appareils Mac.

L’utilisation de cette méthode vous permet de partager plus rapidement une copie PNG d’un objet dans Figma. Cependant, exporter une image PNG en utilisant la méthode classique vous donnera plus de contrôle sur la qualité de l’image.

Exporter plusieurs calques en un seul PNG

Si vous essayez de sélectionner plusieurs calques et de les exporter au format PNG, vous obtiendrez un fichier zip avec chaque calque individuel dans un format PNG distinct.

Bien que cela soit idéal pour exporter plusieurs fichiers à la fois, cela n’aidera pas les utilisateurs qui ont besoin de fusionner toutes les couches dans un seul fichier PNG.

C’est là qu’intervient la fonctionnalité « Groupe ». Vous pouvez sélectionner plusieurs calques dans Figma et les placer dans un groupe. Vous pouvez ensuite exporter le groupe sous forme de fichier PNG, ce qui vous donnera un fichier avec tous les calques sélectionnés.

• Sélectionnez les calques souhaités.

• Sélectionnez « Groupe » dans le menu.

• Sélectionnez un groupe et allez dans la section « Exporter ».

• Cliquez sur le signe « + ».

• Sélectionnez le format PNG.

• Exportation de groupe.

Comme la plupart des autres actions dans Figma, cela aussi peut être simplifié. Par exemple, vous pouvez créer un groupe à l’aide de raccourcis clavier.

• « Ctrl + G » est le raccourci clavier pour les appareils Windows.

• « Command + G » est le raccourci clavier pour les appareils Mac.

Si vous n’êtes pas satisfait de votre sélection de calque, appuyez sur « Maj + Ctrl + G » ou « Maj + Commande + G » pour dissocier votre sélection.

Paramètre de qualité d’exportation PNG

Par défaut, Figma prend en charge les fichiers PNG RGBA 32 bits. Ceci est utile car il vous permet de contrôler l’opacité des pixels.

Le format PNG est souvent préféré car la qualité de l’image ne souffre pas lorsque la ressource est compressée. Cela ne signifie pas que vous ne pouvez pas rencontrer de problèmes. De nombreux utilisateurs de Figma se plaignent que la qualité PNG souffre lorsqu’ils téléchargent leurs photos sur le Web. Mais ce n’est pas nécessairement le problème de Figma. Cela est souvent dû à la compression effectuée par les serveurs traitant votre téléchargement.

Vous pouvez faire quelque chose pour ajuster la qualité afin que votre image ne souffre pas autant lorsqu’elle est compressée sur un autre serveur.

• Sélectionnez une image.

• Sélectionnez la section « Exporter » dans la barre latérale droite.

• Cliquez sur le signe « + ».

• Sélectionnez le format d’image PNG.

• Choisissez la taille « 2x ».

• Cliquez sur le bouton Exporter l’image.

L’exportation à 2x se traduira par une résolution PNG plus élevée. Cela réduira le risque que vos photos deviennent floues ou perdent en qualité lors de leur téléchargement sur des plateformes de médias sociaux.

Si vous êtes un utilisateur plus avancé ou avez des exigences particulières en matière d’image, n’hésitez pas à ajuster la valeur du multiplicateur de pixels avant d’exporter l’objet au format PNG.

Comment exporter vers d’autres formats depuis Figma

Vous pourriez également être intéressé à apprendre comment exporter rapidement des objets dans Figma vers différents formats de fichiers que vous pouvez enregistrer sur votre appareil.

Exporter au format JPG

Utilisez la méthode suivante pour exporter des calques d’image ou des cadres sous forme de fichier JPG.

• Sélectionnez un objet dans Figma.

• Cliquez sur l’icône « + » dans la section « Exporter ».

• Sélectionnez le format JPG sous PNG.

• Cliquez sur le bouton « Exporter » après avoir apporté des modifications, si nécessaire.

Exporter au format SVG

Exporter un fichier au format SVG peut être très utile pour de nombreux utilisateurs. Voici comment c’est fait.

• Sélectionnez une ou plusieurs ressources dans votre Figma.

• Allez dans la section « Exporter ».

• Cliquez sur le signe « + ».

• Sélectionnez un SVG dans la liste.

• Cliquez sur « Exporter ».

Vous pouvez également le faire en cliquant sur un format de fichier déjà sélectionné. Figma se souvient du dernier format de fichier que vous avez exporté.

Cela signifie que vous pouvez cliquer sur un format de fichier préparé pour ouvrir un menu déroulant et sélectionner SVG à partir de là. Le signe « + » et les boutons de format de fichier sont placés à proximité l’un de l’autre, de sorte que les deux méthodes fonctionnent aussi rapidement.

Exporter au format PDF

Si vous travaillez sur une brochure ou une présentation, vous pouvez rapidement exporter votre travail au format PDF directement depuis Figma.

• Sélectionnez les cadres que vous souhaitez inclure dans le PDF.

• Allez dans la section « Exporter ».

• Cliquez sur le signe « + ».

• Sélectionnez PDF dans le menu déroulant.

• Cliquez sur « Exporter ».

Veuillez noter que parfois Figma ne peut pas organiser vos cadres dans le bon ordre. Pour éviter cela, vous pouvez utiliser un compresseur d’image .

Il s’agit d’un outil convivial pour les débutants permettant de réduire et de compresser des images de Figma et de les exporter vers différents formats tels que PNG, JPG, PDF, GIF, WebP, etc.

Logiciel facile à utiliser

Figma est un outil de conception Web assez simple. Si vous avez déjà utilisé quelques éditeurs de photos, il est facile de se familiariser avec Figma.

L’interface utilisateur simplifiée rend le logiciel intuitif. De plus, vous avez un contrôle total sur la qualité de sortie avec Figma, vous permettant de définir vos propres multiplicateurs de pixels pour éviter la perte de qualité lors de la compression hors site.

Avez-vous utilisé l’un de ces conseils Figma pour vos propres images ? Dites-nous comment c’était dans la section des commentaires ci-dessous.