Tutorial en vídeo: exportar banners de Figma a vídeos WebM
Este vídeo explica cómo exportar banners animados listos para producción desde Figma a vídeos WebM con el plugin Bannerify.
Después de hacer clic en Export to GIF/Video y configurar los ajustes de exportación, puedes hacer clic en el botón Export WebM (n Banners), en la parte inferior del panel de exportación, para empezar a exportar tus banners de Figma a WebM. Tus banners animados se exportarán como vídeos WebM.
Compatibilidad con navegadores. Por problemas de compatibilidad de los navegadores, los vídeos WebM solo se pueden exportar con Chrome o con la app de escritorio de Figma.
Los WebM se optimizan automáticamente. Las exportaciones de vídeo WebM se optimizan automáticamente para conseguir la mejor calidad con el menor tamaño de archivo.
Incluir o excluir banners de la exportación. De forma predeterminada, todas las capas de nivel superior de tu archivo de Figma que se hayan cargado en Bannerify como banners se incluyen en la exportación. Si quieres excluir algún banner (sin volver a cargar los banners seleccionados), puedes poner en "off" el interruptor Include In Export en la cabecera de la línea de tiempo de cualquier banner; así se oculta la línea de tiempo de ese banner y también se excluye de todas las exportaciones.
Fotogramas por segundo
Puedes cambiar la frecuencia de fotogramas de tus exportaciones GIF con las opciones del selector Frames Per Second. Puedes elegir entre estas opciones de FPS:
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)
Cuantos más FPS, más tarda el renderizado. Ten en cuenta que más fotogramas tardan más en exportarse y generan archivos más grandes. Por ejemplo, exportar una línea de tiempo de 5 segundos a 24 FPS renderiza 120 fotogramas por banner.
Descargar el archivo .zip final con los vídeos WebM
Cuando Bannerify termine de procesar tus banners, verás un mensaje de confirmación; puedes descargar el archivo .zip con tus banners exportados haciendo clic en el botón Download your .zip file.
Guardar archivos descargados desde Figma Si usas la aplicación de escritorio de Figma, verás un aviso para descargar el archivo. En cambio, si usas Figma en un navegador web, el archivo se descargará automáticamente en tu ordenador (normalmente en la carpeta Descargas).
Abrir el archivo .zip con los vídeos WebM
Cuando hayas descargado el archivo .zip de Figma a tu ordenador, abre el explorador de archivos en la carpeta donde se guardó. Si haces doble clic en el archivo .zip exportado, se descomprimirá su contenido y podrás usar tus banners como quieras.
Configurar los FPS (fotogramas por segundo) de la exportación de vídeo
Puedes cambiar la frecuencia de fotogramas de tus exportaciones de vídeo con las opciones del selector Frames Per Second. Puedes elegir entre estas opciones de FPS:
- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)