Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Placer des Photos et des Vidéos | Création de Visuels
Ui/Ux Avec Figma
course content

Contenu du cours

Ui/Ux Avec Figma

Ui/Ux Avec Figma

1. Outils de Base de Figma
2. Création et Organisation des Objets
3. Création de Visuels
4. Prototypage
5. Soumettre le Travail

book
Placer des Photos et des Vidéos

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/Command + Shift + 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 vous devrez peut-être la réduire. Pour rogner ou ajuster une image, double-cliquez en maintenant Alt/Option ou utilisez les options Panneau de conception → Remplissage → Remplissage d'image.

Ajuster les options de mise à l'échelle

  • Remplir : l'image remplit la forme;
  • Ajuster : l'image s'adapte à l'intérieur de la forme;
  • Rogner : ajuster les dimensions de l'image;
  • Carreau : répète l'image dans une disposition en grille.

Pour copier une image dans Figma, cliquez avec le bouton droit et sélectionnezCopier/Coller commeCopier les propriétés ou Coller les propriétés pour transférer les attributs entre les formes. Alternativement, vous pouvez utiliser les raccourcis clavier Ctrl/Command + C pour copier et Ctrl/Command + V pour coller.

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

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

Placer des vidéos dans Figma suit un processus similaire à celui des images, mais les vidéos ne peuvent être ajoutées qu'avec des plans payants. Une fois ajoutées, vous pouvez prévisualiser les vignettes 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" dans le coin supérieur droit. Si vous avez besoin de télécharger les fichiers originaux (photos ou vidéos), passez en Mode Dev (disponible uniquement avec des plans payants), sélectionnez l'objet et accédez au Panneau d'inspection. Sous la Section des actifs, vous trouverez le Bouton Télécharger/Exporter.

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

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

Sélectionnez quelques réponses correctes

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 1
We're sorry to hear that something went wrong. What happened?
some-alt