Tutoriel vidéo : exporter des bannières en vidéos MP4 depuis Figma
Cette vidéo montre comment exporter depuis Figma des bannières animées prêtes pour la production en vidéos MP4, à l’aide du plugin Bannerify.
Après avoir cliqué sur Export to GIF/Video et configuré vos réglages d’export, cliquez sur le bouton Export MP4 (n Banners) en bas du panneau d’export pour lancer l’export de vos bannières de Figma vers MP4. Vos bannières animées sont alors exportées en vidéos MP4 encodées en h264.
Compatibilité des navigateurs. Pour des raisons de compatibilité des navigateurs, les vidéos MP4 ne peuvent être exportées qu’avec Chrome ou l’application de bureau Figma.
Les MP4 sont optimisés automatiquement. Les exports vidéo MP4 sont automatiquement optimisés pour obtenir la meilleure qualité avec le plus petit poids de fichier.
Inclure ou exclure des bannières de l’export. Par défaut, tous les calques de premier niveau de votre fichier Figma chargés dans Bannerify comme bannières sont inclus dans l’export. Pour exclure certaines bannières (sans recharger les bannières sélectionnées), désactivez l’option Include In Export dans l’en-tête de timeline de la bannière concernée : sa timeline est alors masquée et la bannière est exclue de tous les exports.
Images par seconde
Vous pouvez modifier la fréquence d’images de vos exports GIF avec les options de la liste déroulante Frames Per Second. Vous avez le choix entre les options de FPS suivantes :
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)
Plus le nombre de FPS est élevé, plus le rendu est long. Plus il y a d’images, plus l’export prend de temps et plus les fichiers sont lourds. Par exemple, exporter une timeline de 5 secondes à 24 FPS produit 120 images par bannière.
Ajouter une piste audio aux exports vidéo MP4
Tutoriel vidéo : ajouter de l’audio aux bannières vidéo exportées depuis Figma
Cette vidéo montre comment ajouter des fichiers audio à vos exports de bannières vidéo MP4 dans Figma, à l’aide du plugin Bannerify.
Avant d’exporter votre vidéo MP4, vous pouvez y ajouter un fichier audio .mp3 en glissant-déposant un fichier .mp3 depuis votre ordinateur dans les réglages d’export de Bannerify (vous pouvez télécharger des musiques .mp3 sur un site comme Pixabay). Cliquez ensuite sur le bouton Export MP4 (n Banners) en bas du panneau d’export pour lancer l’export de vos bannières de Figma vers MP4, avec la piste audio incluse automatiquement.
Si vous avez déjà intégré l’URL d’une vidéo dans l’un de vos calques et préférez utiliser l’audio de cette vidéo, activez plutôt l’option Use audio from embedded video : l’audio de la vidéo du calque de la timeline de votre bannière sera alors inclus automatiquement.
Compatibilité des navigateurs. Pour des raisons de compatibilité des navigateurs, les vidéos MP4 ne peuvent être exportées qu’avec Chrome ou l’application de bureau Figma.
Télécharger le fichier .zip final des vidéos MP4
Une fois que Bannerify a fini de traiter vos bannières, un message de confirmation s’affiche. Cliquez sur le bouton Download your .zip file pour télécharger le fichier .zip contenant vos bannières exportées.
Enregistrer les fichiers téléchargés depuis Figma. Si vous utilisez l’application de bureau Figma, une fenêtre vous invite à télécharger votre fichier. En revanche, si vous utilisez Figma dans un navigateur web, votre fichier est téléchargé automatiquement sur votre ordinateur par défaut (en général dans le dossier Téléchargements de votre ordinateur).
Ouvrir le fichier .zip des vidéos MP4
Une fois le fichier .zip téléchargé de Figma sur votre ordinateur, ouvrez votre explorateur de fichiers dans le dossier où il a été enregistré. Double-cliquez sur le fichier .zip exporté pour en extraire le contenu et utiliser vos bannières comme vous le souhaitez.