Intégrer des GIF et des vidéos dans vos diapositives

Intégrez des médias dans tout calque enfant direct des frames de vos diapositives en collant une URL (fichier .gif, fichier .mp4 ou vidéo YouTube/Vimeo) ou via la recherche intégrée (fournie par GIPHY et Pixabay).

Tutoriel vidéo : intégrer des vidéos et des GIF

Cette vidéo montre comment intégrer des GIF et des vidéos YouTube/Vimeo dans les designs de vos présentations Figma, que vous pouvez utiliser pour de vraies présentations avec le plugin Pitchdeck.

Rechercher et insérer des GIF dans vos diapositives ​

Pour ajouter des GIF avec la recherche GIPHY intégrée, cliquez sur l’onglet GIFs/Videos/Embeds, puis sur l’icône Search GIFs à côté du calque dans lequel intégrer le GIF pour ouvrir le panneau de recherche. Saisissez un mot-clé dans le champ de recherche, puis cliquez sur le bouton Search pour charger la liste des GIF correspondants.

Pour insérer un GIF dans le calque sélectionné, cliquez sur l’une des miniatures de GIF dans la liste des résultats GIPHY.

Pour supprimer le GIF d’un calque, cliquez sur l’icône Remove media (×) à côté du nom du calque, ou effacez l’URL du champ de texte du calque.

Les calques qui contiennent un média affichent un badge indiquant le type détecté, par exemple GIF, YouTube ou Figma. Cochez With media en haut de l’onglet pour n’afficher que ces calques. Supported embeds renvoie vers la liste complète des types d’intégration.

Vous pouvez intégrer vos propres URL .gif. Si un GIF que vous voulez intégrer est hébergé sur votre site web ou sur un autre site, collez manuellement le lien direct valide vers le fichier .gif dans le champ d’intégration.

Les remplissages GIF natifs des calques du document Figma sont pris en charge. Tous les GIF ajoutés « directement » dans vos designs Figma sont automatiquement inclus lors de l’export.

Rechercher et insérer des vidéos libres de droits dans vos diapositives ​

Pour ajouter des vidéos libres de droits avec la recherche Pixabay intégrée, cliquez sur l’onglet GIFs/Videos/Embeds, puis sur l’icône Search free images and videos à côté du calque dans lequel intégrer la vidéo pour ouvrir le panneau de recherche. Saisissez un mot-clé dans le champ de recherche, puis cliquez sur le bouton Search pour charger la liste des vidéos correspondantes.

Pour insérer une vidéo dans le calque sélectionné, cliquez sur l’une des miniatures de vidéo dans la liste des résultats Pixabay.

Pour supprimer l’URL d’une vidéo libre de droits intégrée à un calque, cliquez sur l’icône Remove media (×) à côté du nom du calque, ou effacez l’URL du champ de texte du calque.

Vous pouvez aussi ajouter votre propre vidéo .mp4 en l’hébergeant sur un service comme Backblaze B2/Dropbox, puis en copiant-collant l’URL dans Pitchdeck.

Les vidéos ne sont utilisées que dans les présentations web. Les vidéos que vous intégrez ne sont utilisées que dans une présentation mise en ligne sur l’application web Pitchdeck : aucune vidéo ne sera incluse dans vos exports Keynote ou Google Slides.

Si vos calques contiennent des intégrations d’URL de vidéo MP4 (un lien direct vers un fichier .mp4), vous pouvez activer l’option Include MP4 Video URL Embeds dans les réglages de votre export PowerPoint : votre vidéo MP4 sera alors intégrée sous forme de calque vidéo lisible, pris en charge par l’application PowerPoint.

Intégrer des URL de vidéos externes dans vos diapositives ​

Pour ajouter des URL de vidéos externes depuis YouTube et Vimeo, cliquez sur l’onglet GIFs/Videos/Embeds, puis collez une URL de vidéo YouTube ou Vimeo valide dans le champ de texte sous le calque dans lequel l’intégrer. Si le lien n’est pas une URL complète, un message sous le champ indique ce qu’il faut corriger.

Vous pouvez aussi ajouter votre propre vidéo .mp4 en l’hébergeant sur un service comme Backblaze B2/Dropbox, puis en copiant-collant l’URL dans Pitchdeck.

Pour supprimer l’URL d’une vidéo externe intégrée à un calque, cliquez sur l’icône Remove media (×) à côté du nom du calque, ou effacez l’URL du champ de texte du calque.

Les vidéos ne sont utilisées que dans les présentations web. Les vidéos externes que vous intégrez ne sont utilisées que dans une présentation mise en ligne sur l’application web Pitchdeck : aucune vidéo ne sera incluse dans vos exports PowerPoint/Keynote/Google Slides.

Si vos calques contiennent des intégrations d’URL de vidéo MP4 (un lien direct vers un fichier .mp4), vous pouvez activer l’option Include MP4 Video URL Embeds dans les réglages de votre export PowerPoint : votre vidéo MP4 sera alors intégrée sous forme de calque vidéo lisible, pris en charge par l’application PowerPoint.

Activer ou désactiver la lecture automatique des vidéos YouTube/Vimeo. Par défaut, les vidéos YouTube et Vimeo intégrées se lancent automatiquement au chargement de leur diapositive ; vous pouvez désactiver ce comportement avec l’interrupteur Autoplay sous l’URL intégrée. Les interrupteurs Loop et Controls sont aussi disponibles pour les intégrations YouTube, Vimeo, MP4 et MP3. Notez que ce réglage est ignoré si vous présentez une présentation web avec la télécommande : dans ce cas, les vidéos se lancent toujours automatiquement, car vous êtes probablement loin de l’ordinateur et de la souris.

Mise à l’échelle de vos GIF et vidéos MP4 intégrés ​

Le menu d’ajustement situé juste sous le champ d’URL vous permet de choisir comment votre GIF ou votre vidéo MP4 intégré est mis à l’échelle.

  • Fill couvre tout votre calque, avec un recadrage possible sur les bords.
  • Fit garde tout le GIF ou toute la vidéo dans votre calque, avec un éventuel espace vide à gauche et à droite, ou en haut et en bas.

Intégrer des URL de vidéos MP4 dans vos exports PPTX pour PowerPoint (facultatif) ​

Tutoriel vidéo : exporter depuis Figma des fichiers PowerPoint avec des vidéos MP4 intégrées

Cette vidéo montre comment exporter depuis Figma, avec le plugin Pitchdeck, des fichiers PowerPoint (.pptx) contenant des vidéos MP4 intégrées.

Si vos calques contiennent des intégrations d’URL de vidéo MP4 (un lien direct vers un fichier .mp4), vous pouvez activer l’option Include MP4 Video URL Embeds dans les réglages de votre export PowerPoint : votre vidéo MP4 sera alors intégrée sous forme de calque vidéo lisible, pris en charge par l’application PowerPoint.

Vous pouvez aussi personnaliser les miniatures des vidéos avec les options du menu déroulant du plugin ci-dessous :

  • Automatic Video Thumbnails from MP4 : utilise automatiquement une image de vos vidéos intégrées comme miniature (au début, au milieu ou à la fin de vos vidéos)
  • Use Figma Layer for Video Thumbnails : utilise le contenu de votre calque Figma (celui qui porte l’intégration du fichier .mp4) comme miniature entièrement personnalisée
  • No Custom Video Thumbnails : ne définit aucune miniature (le comportement précédent, où PowerPoint affiche sa propre miniature de bouton de lecture par défaut)

Notez que la propriété de dimensionnement « Fill » n’est pas prise en charge dans PowerPoint : la vidéo s’ajuste donc (« Fit ») à la taille de votre calque Figma, quel que soit son format.