Placing Photos and Videos in Figma: Enhancing Your Designs With Media

Pour ajouter une image, vous pouvez soit

• Cliquer sur Icône Figma → Fichier → Importer une image ;
• Utiliser la barre d’outils et la sélectionner dans le groupe d’outils Formes → Importer une image ;
• Utiliser le raccourci : Ctrl/Commande + Maj + K ;

Pour placer une image dans Figma, survolez une forme et cliquez pour remplir la forme avec l’image. Vous pouvez également la placer sur du texte, glisser pour positionner manuellement ou cliquer pour placer l’image entière, mais il peut être nécessaire de la redimensionner. Pour rogner ou ajuster une image, double-cliquez en maintenant Alt/Option ou utilisez les options Panneau Design → Remplissage → Remplissage d’image.

Ajuster les options de mise à l’échelle

• Remplir : l’image remplit la forme ;
• Adapter : l’image s’adapte à l’intérieur de la forme ;
• Rogner : ajuster les dimensions de l’image ;
• Mosaïque : répète l’image en grille.

Pour copier une image dans Figma, cliquez droit et sélectionnez → Copier/Coller en tant que → Copier les propriétés ou Coller les propriétés pour transférer les attributs entre formes. Vous pouvez aussi utiliser les raccourcis clavier Ctrl/Commande + C pour copier et Ctrl/Commande + V pour coller.

Vous pouvez également modifier les paramètres de remplissage en :

• Ajustant l’opacité de l’image pour un effet estompé ;
• Changeant ou masquant toute couleur/image de remplissage ;
• Supprimant tout remplissage en cliquant sur l’icône moins.

L’ajout de vidéos dans Figma suit un processus similaire à celui des images, mais les vidéos ne peuvent être ajoutées qu’avec des forfaits payants. Une fois ajoutées, vous pouvez prévisualiser les miniatures vidéo dans les paramètres de remplissage sous le panneau Design. Pour une lecture complète, passez en mode Présentation en cliquant sur l’icône « Présenter » en haut à droite. Si vous devez télécharger les fichiers originaux (photos ou vidéos), passez en mode Dev (disponible uniquement avec les forfaits payants), sélectionnez l’objet et accédez au panneau Inspecter. Dans la section Assets, vous trouverez le bouton Télécharger/Exporter.