Comment exporter un fichier SVG depuis Figma

Apprenez à exporter des fichiers SVG depuis Figma avec précision. Suivez ce guide simple pour télécharger des ressources vectorielles à utiliser dans des projets web, de design ou de développement.

Créez de superbes vidéos produit et des documents avec l’IA

Ce tutoriel a été créé avec Trupeer en moins de 5 minutes

Créez gratuitement

Étapes en détail :

1. Sélectionnez les éléments : Choisissez le cadre, le groupe ou les objets individuels spécifiques que vous souhaitez exporter au format SVG.
2. Repérez la section Export : trouvez la section "Exporter" dans la barre latérale droite de l’interface Figma.
3. Choisissez le format : cliquez sur le bouton "+" à côté de "Exporter" pour ajouter un paramètre d’exportation. Puis, sélectionnez "SVG" dans le menu déroulant du format.
4. Exportez le fichier : cliquez sur le bouton "Export" et choisissez où enregistrer le fichier SVG sur votre ordinateur.

Guide étape par étape : comment exporter un fichier SVG depuis Figma

Étape 1

Sélectionnez le calque spécifique que vous souhaitez convertir en fichier SVG.

Select the specific layer you wish to convert into an SVG file.

Étape 2

Cliquez sur l’icône plus pour continuer.

Étape 3

Cliquez sur ce menu déroulant,

Étape 4

Sélectionnez le format SVG pour votre fichier.

Conseils de pro pour exporter un fichier SVG depuis Figma

Sélectionnez l’objet ou le cadre
Cliquez sur l’objet, l’icône ou le cadre spécifique que vous souhaitez exporter en SVG. Assurez-vous que seul l’élément souhaité est sélectionné.
Accédez à la section d’exportation dans la barre latérale droite
Dans la barre latérale droite, faites défiler vers le bas pour trouver la section « Export ». Vous devrez peut-être la développer si elle est réduite.
Cliquez sur l’icône « + » pour ajouter un paramètre d’exportation
Cliquez sur le « + » à côté du libellé d’exportation pour activer les options d’exportation de l’objet ou du cadre sélectionné.
Choisissez « SVG » dans le menu déroulant du format
Dans le menu déroulant du format d’exportation, sélectionnez « SVG » dans la liste des formats disponibles (PNG, JPG, PDF, SVG, etc.).
Cliquez sur le bouton « Exporter »
Après avoir sélectionné SVG, cliquez sur le bouton « Exporter [Nom du calque] ». Figma générera et téléchargera le fichier SVG sur votre ordinateur.

Erreurs courantes et comment les éviter

Le SVG exporté ne fonctionne pas correctement
Si le SVG comporte des effets comme des flous ou des polices non prises en charge, il peut ne pas s’afficher correctement. Simplifiez le design avant l’exportation.
Le fichier s’exporte en PNG ou dans un autre format
Vérifiez toujours que « SVG » est sélectionné dans le menu déroulant du format. Par défaut, PNG peut être affiché.
Des éléments indésirables sont inclus dans l’exportation
Assurez-vous de ne sélectionner que ce que vous souhaitez exporter. Utilisez des groupes ou des cadres pour isoler l’élément à exporter.
Perte de qualité dans le SVG exporté
Comme le SVG est basé sur le vectoriel, les problèmes de qualité sont rares, mais utilisez des vecteurs aplatis et évitez les images matricielles complexes dans votre fichier.
Taille du fichier SVG trop importante
Nettoyez les calques et les tracés inutilisés. Convertissez le texte en contours si nécessaire pour réduire la taille du fichier.

FAQ courantes sur l’exportation de SVG depuis Figma

Comment exporter un fichier SVG dans Figma ?
Sélectionnez l’objet ou le cadre, allez dans la barre latérale droite, ajoutez un paramètre d’exportation, choisissez SVG comme format, puis cliquez sur Exporter.
Puis-je exporter plusieurs SVG à la fois ?
Oui, sélectionnez plusieurs cadres ou composants et appliquez le paramètre d’exportation à chacun avant de tout exporter en une seule fois.
Mon texte restera-t-il modifiable dans le SVG ?
Par défaut, oui. Si vous souhaitez garantir la compatibilité, convertissez le texte en tracés avant l’exportation.
Quel est l’avantage d’utiliser SVG plutôt que PNG ?
Les fichiers SVG sont adaptables, légers et conservent leur qualité quelle que soit la résolution. Ils sont idéaux pour les icônes et les éléments d’interface.
Puis-je utiliser le SVG exporté dans un site web ?
Oui, les SVG exportés depuis Figma sont prêts pour le web et peuvent être intégrés directement dans le HTML ou utilisés comme ressources d’image.
Comment enregistrer l’écran sur Mac ?
Pour enregistrer l’écran sur un Mac, vous pouvez utiliser Trupeer AI. Il vous permet de capturer l’écran entier et offre des fonctionnalités d’IA telles que l’ajout d’avatars IA, l’ajout d’une voix off, l’ajout d’un zoom avant et arrière dans la vidéo. Grâce à la fonctionnalité de traduction vidéo par IA de Trupeer, vous pouvez traduire la vidéo en plus de 30 langues.
Comment ajouter un avatar IA à un enregistrement d’écran ?
Pour ajouter un avatar IA à un enregistrement d’écran, vous devrez utiliser un outil d’enregistrement d’écran IA. Trupeer AI est un outil d’enregistrement d’écran IA, qui vous aide à créer des vidéos avec plusieurs avatars, et vous aide également à créer votre propre avatar pour la vidéo.
Comment enregistrer l’écran sur Windows ?
Pour enregistrer l’écran sur Windows, vous pouvez utiliser la Game Bar intégrée (Windows + G) ou un outil IA avancé comme Trupeer AI pour des fonctionnalités plus avancées telles que des avatars IA, une voix off, la traduction, etc.
Comment ajouter une voix off à une vidéo ?
Pour ajouter une voix off aux vidéos, téléchargez l’extension Chrome Trupeer AI. Une fois inscrit, téléchargez votre vidéo avec voix, choisissez la voix off souhaitée dans Trupeer, puis exportez votre vidéo modifiée.
Comment faire un zoom avant sur un enregistrement d’écran ?
Pour effectuer un zoom avant pendant un enregistrement d’écran, utilisez les effets de zoom dans Trupeer AI, qui vous permettent de zoomer avant et arrière à des moments précis, renforçant ainsi l’impact visuel de votre contenu vidéo.