Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Ajout de Photos et Vidéos dans Figma : Amélioration de Vos Designs avec des Médias | Création de Visuels dans Figma
Conception UI/UX Avec Figma

bookAjout de Photos et Vidéos dans Figma : Amélioration de Vos Designs avec des Médias

Pour ajouter une image, vous pouvez soit

  • Cliquer sur l’icône Figma → Fichier → Placer une image ;
  • Utiliser la barre d’outils et la sélectionner dans le groupe d’outils Formes → Placer 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, faire 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 du Panneau de conception → 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 ;
  • Répéter : répète l’image en grille.

Pour copier une image dans Figma, cliquez droit et sélectionnezCopier/Coller commeCopier 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 de conception. 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, puis accédez au Panneau d’inspection. Dans la section Ressources, vous trouverez le bouton Télécharger/Exporter.

question mark

Comment pouvez-vous copier une image entre des formes dans Figma ? (Choisissez deux réponses)

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 1

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain how to crop or adjust an image in Figma?

What are the differences between Fill, Fit, Crop, and Tile options?

How do I copy and paste image properties between shapes in Figma?

Awesome!

Completion rate improved to 2.78

bookAjout de Photos et Vidéos dans Figma : Amélioration de Vos Designs avec des Médias

Glissez pour afficher le menu

Pour ajouter une image, vous pouvez soit

  • Cliquer sur l’icône Figma → Fichier → Placer une image ;
  • Utiliser la barre d’outils et la sélectionner dans le groupe d’outils Formes → Placer 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, faire 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 du Panneau de conception → 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 ;
  • Répéter : répète l’image en grille.

Pour copier une image dans Figma, cliquez droit et sélectionnezCopier/Coller commeCopier 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 de conception. 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, puis accédez au Panneau d’inspection. Dans la section Ressources, vous trouverez le bouton Télécharger/Exporter.

question mark

Comment pouvez-vous copier une image entre des formes dans Figma ? (Choisissez deux réponses)

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 1
some-alt