Comment Rendre un Fond Transparent dans Figma (Guide 2026)
Guide étape par étape pour exporter des fonds transparents dans Figma, plus une méthode plus rapide pour supprimer l'arrière-plan d'une photo avant de l'importer.
Par nobackground team · Dernière mise à jour 11 juillet 2026
Figma est conçu pour le design d'interface, pas la retouche photo, donc « supprimer l'arrière-plan » signifie quelque chose de différent là-bas que dans un outil photo. Si vous avez simplement besoin que l'arrière-plan de votre frame ou de votre plan de travail disparaisse à l'export, Figma peut le faire nativement. Mais si vous avez une photo avec un arrière-plan chargé - une photo produit, un portrait, une image placée - Figma n'a aucun moyen intégré de détecter le sujet et de le détourer ; il vous faut soit un plugin, beaucoup de patience avec l'outil Plume, soit un outil de suppression d'arrière-plan dédié avant même que l'image n'arrive dans votre fichier.
Pourquoi les fonds transparents comptent dans les projets Figma
Les PNG transparents permettent de superposer un logo, une photo produit ou une icône sur n'importe quelle couleur, maquette de capture d'écran ou dégradé sans encadré visible autour. C'est important pour les kits UI, les présentations marketing, les captures pour l'App Store, et tout système de design où le même élément doit apparaître sur plusieurs fonds.
Méthode 1 : Exporter un frame avec un fond transparent
Étape 1 : Sélectionnez votre frame, groupe ou composant dans Figma.
Étape 2 : Dans le panneau de droite, supprimez ou masquez le remplissage d'arrière-plan du frame (cliquez sur la pastille de couleur et supprimez-la, ou désactivez sa visibilité).
Étape 3 : Ouvrez la section Export en bas du panneau de droite, choisissez PNG, puis exportez. Le PNG prend en charge la transparence alpha, donc partout où le remplissage d'arrière-plan a été supprimé sera exporté en transparent plutôt qu'en blanc.
Cela fonctionne bien pour les logos, icônes et maquettes UI où l'« arrière-plan » n'est qu'une couleur de remplissage ajoutée dans Figma, pas une scène photographiée.
Méthode 2 : Supprimer l'arrière-plan d'une photo placée
Si le besoin de transparence concerne une photo - une photo produit, un portrait, la capture d'un objet physique - les réglages d'export de Figma ne peuvent pas aider, car l'arrière-plan n'est pas un remplissage Figma, il fait partie des pixels de l'image elle-même. Dans Figma, vos options réalistes sont un plugin communautaire qui appelle une API externe, ou le masquage manuel du sujet avec l'outil Plume, ce qui est lent et produit rarement des contours propres autour des cheveux, du pelage ou des détails fins.
La voie la plus rapide : le supprimer avant l'import
Le workflow le plus simple pour la plupart des designers consiste à supprimer d'abord l'arrière-plan de la photo, puis à glisser le PNG transparent résultant directement dans Figma. Téléchargez l'image sur nobackground, laissez l'IA embarquée détourer le sujet en quelques secondes, téléchargez le PNG et placez-le sur votre canevas - sans autorisation de plugin, sans compte, et sans qu'aucune image ne quitte votre navigateur durant le processus.
Conseils pour des exports transparents propres
- Exportez à l'échelle 2x ou 3x pour tout ce qui sera utilisé sur un écran haute densité, puis réduisez l'échelle si nécessaire - cela évite des contours flous et doux autour du détourage.
- Prévisualisez les PNG transparents sur un damier ou un fond sombre avant de les livrer, car un léger halo gris sur les contours est facile à manquer sur un canevas blanc uni.
- Si vous placez le même détourage sur plusieurs maquettes, conservez le PNG transparent original comme ressource partagée dans votre bibliothèque Figma plutôt que de le réexporter depuis chaque frame.
Questions sur la transparence dans Figma
Figma a-t-il un outil de suppression d'arrière-plan intégré ? Non. Figma peut exporter des frames ou des formes avec un remplissage transparent, mais il ne peut pas détecter et détourer automatiquement un sujet à partir d'une photo sans plugin ni outil externe.
Un PNG transparent de nobackground fonctionnera-t-il directement dans Figma ? Oui. Glissez-déposez simplement le PNG téléchargé sur votre canevas comme n'importe quel autre visuel ; la transparence est conservée.
Prêt à essayer par vous-même ?
Supprimez les arrière-plans de vos images gratuitement - sans inscription.
Essayer nobackground gratuitement