Tutoriel vidéo : exporter des bannières en vidéos WebM depuis Figma
Cette vidéo montre comment exporter depuis Figma des bannières animées prêtes pour la production en vidéos WebM, à 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 WebM (n Banners) en bas du panneau d’export pour lancer l’export de vos bannières de Figma vers WebM. Vos bannières animées sont alors exportées en vidéos WebM.
Compatibilité des navigateurs. Pour des raisons de compatibilité des navigateurs, les vidéos WebM ne peuvent être exportées qu’avec Chrome ou l’application de bureau Figma.
Les WebM sont optimisés automatiquement. Les exports vidéo WebM 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.
Télécharger le fichier .zip final des vidéos WebM
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 WebM
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.
Régler le nombre d’images par seconde (FPS) des exports vidéo
Vous pouvez modifier la fréquence d’images de vos exports vidéo avec la liste déroulante Frames Per Second. Vous pouvez choisir parmi les options FPS suivantes :
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)