Qui peut utiliser cette fonctionnalité
Les images sont disponibles dans tous les forfaits
La vidéo est disponible dans tous les forfaits payants
Quiconque disposant d'un accès de type peut éditer à un fichier peut télécharger des images et des vidéos.
Vous pouvez charger des images et des vidéos pour incorporer des photographies, des captures d'écran et d'autres actifs visuels dans vos designs.
Figma prend en charge les types de fichiers suivants :
- Image : JPG, PNG, HEIC, WebP, GIF, TIFF (uniquement sur Safari)
- Vidéo : MP4, MOV, WebM
Remarque : Lorsqu'un fichier SVG est importé dans Figma, le SVG n'est plus traité comme une image. Il est à la place converti en calque vectoriel modifiable. En savoir plus sur l'édition de calques vectoriels.
Figma n'a pas de type de calque spécifique pour les images et les vidéos. Ces actifs sont à la place traités comme des remplissages. Cela vous permet d'ajouter des actifs à tout type de calque, y compris des formes, des frames, des calques de texte et des réseaux vectoriels. En savoir plus sur l'utilisation des remplissages.
Lorsque vous chargez un actif directement sur le plan de travail, Figma crée un calque rectangle avec l'actif défini comme remplissage. Vous pouvez identifier le type d'actif selon l'icône située dans le panneau Calques de la barre latérale gauche : Image ou Vidéo/GIF.
Limite de la taille des actifs
Si l'actif que vous chargez dépasse 4 096 x 4 096 pixels, Figma le met automatiquement à l'échelle de sorte que sa dimension la plus grande ne dépasse pas 4 096 pixels. Vous pouvez redimensionner l'actif une fois qu'il a été chargé dans le fichier. Veuillez noter que certaines métadonnées de fichier peuvent être perdues lors de ce processus de redimensionnement.
Charger des images et des vidéos
Il existe plusieurs manières de charger des images et des vidéos dans Figma :
- Utiliser le sélecteur de couleur pour charger des images/vidéos
- Charger des images/vidéos en masse
- Importer des images dans le navigateur de fichiers
- Copier et coller des images/vidéos depuis le presse-papiers
- Faire glisser et déposer des images/vidéos de l'ordinateur vers le plan de travail
Remarque : Avez-vous des problèmes de chargement d'images ? Découvrez comment résoudre les problèmes de chargement d'image les plus courants.
Utiliser le sélecteur de couleur pour charger des images et des vidéos
Vous pouvez utiliser le sélecteur de couleur pour charger des images et des vidéos comme remplissage de calque :
- Sélectionnez un calque sur le plan de travail.
- Cliquez sur l'échantillon dans la section Remplissage ou Tracé de la barre latérale droite pour ouvrir le sélecteur de couleur.
- Sélectionnez Image ou Vidéo parmi les options de remplissage. Un substitut visuel de motifs à carreaux gris et blanc est appliqué au remplissage du calque jusqu'à ce que vous choisissiez un fichier.
- Cliquez sur Importer depuis l'ordinateur pour charger une image existante ou sur Créer une image pour créer des images en utilisant Figma AI.
Charger des images et des vidéos en masse
L'option Placer image/vidéo vous permet d'importer des actifs en masse. Vous pouvez choisir exactement où vous souhaitez placer chaque actif. Comme Figma traite les images et les vidéos comme des remplissages, vous pouvez également les ajouter à des objets existants.
- Sélectionnez Image/vidéo dans le menu Outils de forme de la barre d'outils ou utilisez le raccourci clavier :
- Mac : Maj Cmd K
- Windows : Maj + Ctrl + K
- Sélectionnez les fichiers d'image ou de vidéo que vous souhaitez charger, puis cliquez sur Ouvrir. Le curseur affiche alors un indicateur montrant le nombre d'actifs à placer.
- Effectuez l'une des actions suivantes :
- Cliquez sur le plan de travail pour placer l'image ou la vidéo dans un nouveau calque, en utilisant ses dimensions d'origine.
- Sélectionnez un objet existant sur le plan de travail pour remplacer son remplissage par l'image ou la vidéo.
- Cliquez sur Placer tout pour ajouter tous les actifs à un seul emplacement sur le plan de travail.
- Répétez le processus pour les actifs restants. Pour supprimer des images ou des vidéos restantes, appuyez sur la touche Supprimer de votre clavier.
Remplacer des remplissages d'image et de vidéo
Vous pouvez changer un remplissage d'image/de vidéo à tout moment. Tous les paramètres de mode de remplissage que vous avez appliqués sont conservés, y compris les paramètres de recadrage ou de positionnement.
Il existe plusieurs façons de procéder :
- Faites glisser le fichier sur l'aperçu de l'actif dans le sélecteur de couleur.
- Faites glisser le fichier sur l'échantillon dans la section Remplissage ou Tracé de la barre latérale droite.
Modifier des images
Une fois une image chargée, vous pouvez utiliser ses propriétés pour ajuster son apparence dans votre design. Vous pouvez également utiliser Figma AI pour agrandir des images, supprimer des fonds, etc.