Ajouter des images aux fichiers de design
Qui peut utiliser cette fonctionnalité
S'applique à toutes les équipes ou forfaits
Toute personne qui peut éditer des fichiers de design peut ajouter ou importer des images
Figma prend en charge les formats d'image PNG, JPEG, HEIC, GIF et WEBP.
Ajoutez des images à vos fichiers de design pour intégrer des photographies, des captures d'écran ou d'autres ressources visuelles dans vos designs. Figma prend en charge les formats d'image PNG, JPEG, HEIC, GIF et WEBP.
Figma ne dispose pas de type de calque spécifique pour les images, mais les images sont de type Remplir, ce qui vous permet d'ajouter des images à n'importe quel réseau de formes ou de vecteurs.
Affichez et mettez à jour les remplissages d'image dans la section Remplir de la barre latérale de droite. Figma affiche une miniature de l'image dans la nuance et une étiquette Image.
Vous pouvez également identifier des calques avec des remplissages d'image dans le panneau des Calques de la barre latérale gauche :
- Si vous ajoutez une image directement au canevas, Figma crée un rectangle dans le canevas avec les dimensions du fichier d'origine avec l'étiquette Image icon and
Image. - Si vous ajoutez une image à un objet existant, Figma utilise l'icône de calque et la description du calque d'origine.
Remarque : Figma réduit la taille des images d'une largeur ou d'une hauteur supérieure à 4096 pixels. Cela met à l'échelle les dimensions d'origine de l'image proportionnellement, de sorte que le bord le plus long est inférieur à 4096 pixels.
Parfois, Figma doit décoder et convertir une image avant de l'ajouter au fichier. Pour cette raison, nous ne pouvons pas garantir que Figma conservera toutes les métadonnées des fichiers.
Ajouter des images aux fichiers
Les images étant des remplissages, vous pouvez les ajouter à n'importe quel vecteur ou forme. Vous bénéficiez ainsi d'une plus grande flexibilité et d'un meilleur contrôle. Il existe plusieurs façons d'ajouter des images aux fichiers de design :
-
A Glissez-déposez le fichier d'images de votre ordinateur sur le canevas. Figma crée un nouveau rectangle aux dimensions de l'image et applique l'image comme remplissage.
-
B Importez des fichiers d'images dans le navigateur de fichiers. Figma créera un nouveau fichier de design dans le projet avec l'image ajoutée comme rectangle.
-
C Ajoutez plusieurs images à vos designs en lot en utilisant l'espace. Choisissez les calques auxquels ajouter des images. Placer des images en lot →
-
D Utilisez l'importateur d'images du sélecteur de couleurs. Télécharger des remplissages d'image →
-
E Copiez une image à partir d'un autre calque du fichier en cours ou d'un autre fichier. Copier et coller des images entre les calques →
-
F Coller une image de votre presse-papiers dans le canevas. Copiez des images depuis le Web sans avoir à les télécharger. Copier des images dans le canevas →
Vous pouvez également ajouter des fichiers GIF animés à vos prototypes. Les fichiers GIF ne sont lus que lors de la visualisation de designs et de prototypes en mode présentation. Ajouter des GIF animés aux prototypes →
Modifier des images
Il existe de nombreuses façons de modifier ou d'ajuster des images :
- mettre à l'échelle, faire pivoter et ajuster les dimensions des calques contenant des images,
- recadrer et repositionner les images appliquées aux calques,
- régler les options d'image, notamment le mode de remplissage, la rotation et les modes de fusion,
- inclure des images dans styles et composants,
- appliquer des masques pour afficher uniquement une partie de l'image,
- effectuer des ajustements aux images comme changer la teinte, la saturation ou le contraste.
Vous n'arrivez pas à charger des images ? Dépannage de problèmes courants relatifs au chargement des images →