Tutorial en vídeo: exportar banners de Figma a vídeos MP4
Este vídeo explica cómo exportar banners animados listos para producción desde Figma a vídeos MP4 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 MP4 (n Banners), en la parte inferior del panel de exportación, para empezar a exportar tus banners de Figma a MP4. Tus banners animados se exportarán como vídeos MP4 codificados en h264.
Compatibilidad con navegadores. Por problemas de compatibilidad de los navegadores, los vídeos MP4 solo se pueden exportar con Chrome o con la app de escritorio de Figma.
Los MP4 se optimizan automáticamente. Las exportaciones de vídeo MP4 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.
Añadir una pista de audio a las exportaciones de vídeo MP4
Tutorial en vídeo: añadir audio a los banners de vídeo exportados desde Figma
Este vídeo explica cómo añadir archivos de audio a tus banners de vídeo MP4 exportados en Figma con el plugin Bannerify.
Antes de exportar tu vídeo MP4, si quieres, puedes incluir un archivo de audio .mp3 en tus vídeos exportados arrastrando y soltando un archivo .mp3 desde tu ordenador (puedes descargar archivos de música .mp3 de un sitio como Pixabay) en los ajustes de exportación de Bannerify. Después puedes hacer clic en el botón Export MP4 (n Banners), en la parte inferior del panel de exportación, para empezar a exportar tus banners de Figma a MP4 con la pista de audio incluida automáticamente.
Si ya has incrustado la URL de un vídeo en una de tus capas y prefieres usar el audio de ese vídeo, también puedes activar el interruptor Use audio from embedded video, que incluirá automáticamente el audio del vídeo de la capa en la línea de tiempo de tu banner.
Compatibilidad con navegadores. Por problemas de compatibilidad de los navegadores, los vídeos MP4 solo se pueden exportar con Chrome o con la app de escritorio de Figma.
Descargar el archivo .zip final con los vídeos MP4
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 MP4
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.