Convierte Lottie a Rive (y Rive a Lottie o video)

¿Rive puede importar JSON de Lottie?

Sí. El editor de Rive puede importar un archivo JSON de Lottie y convertir sus capas y keyframes en formas y animaciones de timeline de Rive. La documentación de Rive es prudente con las expectativas: un archivo Lottie "no queda optimizado automáticamente para Rive solo porque se pueda importar". El importador traduce lo que puede y tú limpias el resto a mano.

Lo que obtienes con el importador es animación de timeline. No inventa la parte interactiva. Una exportación de Lottie no sabe qué animación debe reproducirse cuando el usuario toca, ni cómo debe pasar un personaje del reposo a una celebración. Esa lógica la construyes tú en el editor de máquinas de estados (state machines) de Rive después de importar.

Si tu archivo de origen es un dotLottie (.lottie) y no un JSON, recuerda que un .lottie es un archivo ZIP. El JSON de la animación está dentro de su carpeta a/, así que puedes extraerlo antes de importar. Cualquier máquina de estados guardada en la carpeta s/ del .lottie sigue el formato dotLottie y no pasará a Rive.

Para una sola animación corta, importar es una forma rápida de llevar el arte a Rive. Para una biblioteca de trabajos complejos de After Effects, prevé revisar y rehacer cada archivo.

¿Qué plan de Rive incluye la importación de Lottie?

Las fuentes oficiales no coinciden, por eso no podemos dar una única respuesta. Al 12 de octubre de 2026, la documentación de importación de Lottie de Rive dice: "La importación de archivos Lottie está disponible en los planes Enterprise". La página de precios de Rive, revisada el mismo día, incluye la importación de Lottie en su comparación de planes de pago, entre ellos Cadet y Voyager.

Antes de comprar un plan solo para convertir, abre el editor con el plan que ya tienes y prueba la importación, o pregunta al soporte de Rive qué página está actualizada. Los precios también cambian, y la página de precios tiene un selector anual que modifica los montos que se muestran.

Uses el plan que uses, recuerda que los límites de los planes aplican solo al editor. Los runtimes de Rive, que reproducen el .riv terminado en tu app, tienen licencia MIT y son gratis.

¿Qué se rompe al importar un Lottie en Rive?

La documentación de Rive menciona algunas carencias concretas y da a entender otras. Revisa lo siguiente:

• Modos de fusión. Plus, Add y Hard Mix figuran como no compatibles. Las capas que los usan se verán distintas.
• Timelines complejos. Las precomposiciones muy anidadas, el remapeo de tiempo y el movimiento controlado por expresiones pueden no traducirse bien.
• Efectos. Muchos efectos de After Effects nunca llegaron a Lottie; los que sí llegaron pueden no tener equivalente en Rive.
• Estructura. Las capas importadas conservan una jerarquía al estilo Lottie, que rara vez es el rig de huesos limpio que armarías para un personaje de Rive.
• Peso del archivo. Una importación no está optimizada. También se traen keyframes y formas redundantes, así que el .riv puede pesar más que una reconstrucción nativa.

El tema del peso importa si tu motivo para cambiar eran archivos más livianos. Rive afirma que los .riv creados de forma nativa suelen ser de 10 a 15 veces más pequeños que el JSON de Lottie, y Callstack reconstruyó por su cuenta un Lottie de 24.37 KB como un .riv de 2 KB. Ambos ejemplos son reconstrucciones, no importaciones. Un archivo importado puede quedar en un punto intermedio.

Compara siempre la animación importada con la original fotograma a fotograma, en los tamaños en que realmente la vas a mostrar.

¿Se puede convertir Rive de vuelta a Lottie?

En parte. Rive no exporta a Lottie. LottieFiles ofrece un conversor en línea gratis de Rive a Lottie que acepta archivos .riv de hasta 20 MB y genera JSON de Lottie. Su página indica que las máquinas de estados no se convierten.

Ese último punto define si el conversor te sirve. Obtienes las animaciones de timeline, cada una como reproducción lineal. Pierdes la lógica que hacía interactivo el archivo de Rive: transiciones, blends, inputs, Data Binding y listeners de puntero. Si el .riv era un personaje con diez loops y seis reacciones, la conversión te da dieciséis clips separados sin ninguna conexión entre ellos.

Aun así puede ser útil cuando una plataforma acepta Lottie pero no Rive, o cuando alguien del equipo necesita una vista previa rápida en una herramienta que solo admite Lottie. Prueba el resultado en el reproductor de Lottie que vas a usar, porque las diferencias de renderizado entre motores pueden notarse en degradados, recortes y trazos.

¿Cómo se exporta una animación de Rive como MP4, GIF o WebM?

Desde el editor de Rive, con un plan de pago. La documentación de Rive incluye la exportación a video H.264, GIF, secuencia PNG, secuencia SVG, WebM y fotogramas sueltos en PNG o SVG, configurada con Render Presets y procesada en una Render Queue en la nube. La documentación dice claramente que "la exportación de video e imágenes está disponible en los planes de pago", y la página de precios muestra el plan Free sin exportación de video (a octubre de 2026).

Algunas notas prácticas:

• Elige un estado a la vez. Un video captura un timeline, no una máquina de estados. Renderiza cada loop o reacción que necesites como un clip aparte.
• La transparencia requiere el códec adecuado. WebM con VP9 puede llevar canal alfa para Chrome, Edge y Firefox. Safari ignora el alfa de VP9 y necesita HEVC con alfa en un .mov, que quizá tengas que codificar por separado.
• GIF tiene sus propias pérdidas. Sus 256 colores y su transparencia de 1 bit generan bordes dentados sobre fondos transparentes; úsalo solo donde no se pueda reproducir video.

Si necesitas video de un personaje pero no tienes una licencia de un editor de pago, la alternativa es un servicio que entregue ambos. Charmotion genera un .riv a partir de una imagen que subes, 17 animaciones en pocos minutos, y exporta desde él MP4 en 1080×1080 y 9:16, GIF y WebM y MOV transparentes bajo demanda, en alrededor de un minuto. No genera Lottie.

¿Cuándo conviene reconstruir en lugar de convertir?

Convierte cuando la animación sea corta, compuesta sobre todo de formas y keyframes, y solo necesites reproducirla con un runtime de Rive junto a otro contenido de Rive. Reconstruye si se da alguno de estos casos:

• La animación es un personaje que necesitará varios estados y transiciones. Un rig limpio creado en Rive es mucho más fácil de ampliar que una pila de capas importada.
• El peso del archivo era el motivo para cambiar. Las grandes reducciones de peso vienen de las reconstrucciones nativas.
• El original depende de modos de fusión, efectos o expresiones no compatibles.
• Vas a mantener la animación durante años y las futuras ediciones se harán en Rive.

Un camino intermedio funciona bien para muchos equipos: importa el archivo para llevar el arte y una sincronización aproximada a Rive, y luego reconstruye el rig, las líneas de tiempo y la máquina de estados sobre las formas importadas. Así te ahorras volver a dibujar y evitas los problemas estructurales de una importación sin procesar.

Para decidir si te conviene cambiar, consulta Rive vs Lottie. Para ver cómo es la parte interactiva en cada caso, consulta Lottie vs Rive: máquinas de estados.

¿Conviene convertir, reconstruir o mantener ambos formatos?

Convierte Lottie a Rive si tienes pocas animaciones sencillas, un plan de pago de Rive que incluya la importación y quieres tenerlo todo en un solo runtime.

Reconstruye en Rive si la animación es un personaje, quieres aprovechar al máximo la reducción del peso del archivo o el original usa funciones no compatibles.

Convierte Rive a Lottie si una plataforma solo acepta Lottie y te basta con una reproducción lineal.

Mantén ambos, o agrega video, si distintos destinos necesitan distintos formatos. Muchos productos usan un archivo interactivo dentro de la app y video en todo lo demás.

Elijas lo que elijas, conserva los archivos originales. Una conversión en cualquier dirección pierde información, así que el proyecto de After Effects o el .riv del que partiste sigue siendo la versión que debes editar más adelante. Convertir una y otra vez entre formatos acumula las pérdidas en cada paso.

Cómo importar una animación Lottie en Rive

1. Confirma tu plan. Abre el editor de Rive con tu cuenta y comprueba que la importación de Lottie esté disponible. La documentación de Rive dice que es para Enterprise; su página de precios la incluye en los planes de pago. No compres un plan para esto sin comprobarlo antes.
2. Consigue el JSON. Exporta el JSON de Lottie desde After Effects con Bodymovin. Si solo tienes un archivo .lottie, descomprímelo y toma el JSON de la animación de su carpeta a/.
3. Simplifica el original. Antes de exportar, reemplaza las capas que usen los modos de fusión Plus, Add o Hard Mix, y aplana efectos y expresiones siempre que puedas.
4. Importa en el editor. Importa el JSON en un archivo de Rive como se describe en la documentación de importación de Lottie de Rive y luego reprodúcelo junto al original para detectar diferencias.
5. Limpia y agrega lógica. Elimina keyframes y capas redundantes, reconstruye las partes que se hayan roto y luego crea la máquina de estados o el view model que controlará tu app.
6. Exporta y mide. Exporta el .riv, compara su peso con el JSON o el .lottie original y prueba la reproducción en tu runtime de destino antes de reemplazar el archivo Lottie.

Preguntas frecuentes

¿La importación de Lottie es gratis en Rive?

No. No forma parte del plan Free. La documentación de Rive dice que la importación de Lottie está disponible en los planes Enterprise, mientras que su página de precios la incluye en planes de pago como Cadet. Como ambas fuentes no coinciden en octubre de 2026, prueba la importación con tu plan actual o pregunta a Rive antes de subir de plan.

¿Convertir Rive a Lottie conserva la máquina de estados?

No. El conversor gratis de Rive a Lottie de LottieFiles solo genera animaciones de línea de tiempo; la página de la herramienta indica que las máquinas de estados no se convierten. Tendrías que reconstruir la interactividad por separado, por ejemplo con las máquinas de estados de Lottie Creator en un archivo dotLottie, que usan un modelo lógico distinto al de Rive.

¿Mi archivo Lottie pesará menos después de importarlo en Rive?

No necesariamente. La documentación de Rive indica que los archivos Lottie importados no se optimizan automáticamente. Las grandes reducciones que reportan Rive y Callstack provienen de reconstruir las animaciones de forma nativa en Rive. Una importación puede arrastrar keyframes redundantes, así que mide el .riv exportado antes de dar por hecho que pesará menos.

¿Puedo exportar una animación de Rive como GIF con el plan gratis?

No. En octubre de 2026, Rive limita la exportación de video e imagen, incluidos GIF, MP4, WebM y secuencias PNG, a los planes de pago. Con el plan Free puedes exportar archivos .riv para los runtimes, y estos muestran una splash screen de Rive. Los planes de pago eliminan la splash screen y agregan la exportación de video.

Respuestas rápidas de esta guía

• ¿Rive puede importar archivos Lottie?
• ¿Puedo convertir un archivo de Rive a Lottie?

Fuentes

• Importing Lottie files, Rive
• Rive pricing, Rive
• Exporting for video and static design, Rive
• Rive to Lottie converter, LottieFiles
• dotLottie 2.0 specification, dotLottie
• Rive as a Lottie alternative, Rive
• Lottie vs. Rive: Optimizing Mobile App Animation, Callstack
• Video with transparency, Jake Archibald