Converta Lottie para Rive (e Rive para Lottie ou vídeo)

O Rive importa JSON do Lottie?

Sim. O editor do Rive pode importar um arquivo JSON do Lottie e transformar suas camadas e keyframes em formas e animações de timeline do Rive. A documentação do Rive é cuidadosa com as expectativas: um arquivo Lottie "não é automaticamente otimizado para o Rive só porque pode ser importado". O importador traduz o que consegue, e você ajusta o resto à mão.

O que o importador entrega é animação de timeline. Ele não inventa a parte interativa. Um export de Lottie não sabe qual animação reproduzir quando o usuário toca na tela, nem como um personagem deve passar de idle para comemorando. Você mesmo monta essa lógica no editor de state machine do Rive depois da importação.

Se o seu arquivo de origem for um dotLottie (.lottie) em vez de JSON, lembre-se de que um .lottie é um arquivo ZIP. O JSON da animação fica dentro da pasta a/, então você pode extraí-lo antes de importar. Qualquer state machine guardada na pasta s/ do .lottie segue o formato dotLottie e não é levada para o Rive.

Para uma única animação curta, importar é um jeito rápido de levar a arte para o Rive. Para uma biblioteca de trabalhos complexos de After Effects, conte com revisão e retrabalho em cada arquivo.

Qual plano do Rive inclui importação de Lottie?

As fontes oficiais divergem, por isso não conseguimos dar uma resposta única. Em 12 de outubro de 2026, a documentação de importação de Lottie do Rive diz: "A importação de arquivos Lottie está disponível nos planos Enterprise." A página de preços do Rive, consultada no mesmo dia, lista a importação de Lottie na comparação de planos entre os planos pagos, incluindo Cadet e Voyager.

Antes de assinar um plano só para converter, abra o editor no plano que você já tem e teste a importação, ou pergunte ao suporte do Rive qual página está atualizada. Os preços também mudam, e a página de preços tem uma opção anual que altera os valores exibidos.

Seja qual for o seu plano, lembre-se de que os limites dos planos valem só para o editor. Os runtimes do Rive, que reproduzem o .riv final no seu app, têm licença MIT e são gratuitos.

O que quebra ao importar um Lottie no Rive?

A documentação do Rive cita algumas limitações específicas e dá a entender outras. Confira:

• Blend modes. Plus, Add e Hard Mix constam como não suportados. Camadas que usam esses modos vão ficar diferentes.
• Timelines complexas. Precomps muito aninhadas, time remapping e movimento controlado por expressões podem não ser convertidos corretamente.
• Efeitos. Muitos efeitos do After Effects nunca chegaram ao Lottie; os que chegaram podem não ter equivalentes no Rive.
• Estrutura. As camadas importadas mantêm uma hierarquia no formato do Lottie, que raramente é o rig de bones limpo que você montaria para um personagem no Rive.
• Tamanho do arquivo. Uma importação não é otimizada. Keyframes e formas redundantes também vêm junto, então o .riv pode ficar maior do que uma reconstrução nativa.

Esse ponto importa se arquivos menores eram o motivo da troca. O Rive afirma que arquivos .riv criados nativamente costumam ser de 10 a 15 vezes menores que o JSON do Lottie, e a Callstack, de forma independente, refez um Lottie de 24,37 KB como um .riv de 2 KB. Os dois exemplos são reconstruções, não importações. Um arquivo importado pode ficar em algum ponto intermediário.

Sempre compare a animação importada com a original frame a frame, nos tamanhos em que você realmente vai exibi-la.

Dá para converter Rive de volta para Lottie?

Em parte. O Rive em si não exporta Lottie. A LottieFiles oferece um conversor online gratuito de Rive para Lottie que aceita arquivos .riv de até 20 MB e gera JSON do Lottie. A página da ferramenta diz que as state machines não são convertidas.

Esse último ponto define se o conversor serve para você. Você recebe as animações de timeline, cada uma como reprodução linear. Você perde a lógica que tornava o arquivo Rive interativo: transições, blends, inputs, Data Binding e listeners de ponteiro. Se o .riv era um personagem com dez loops e seis reações, a conversão entrega dezesseis clipes separados, sem nenhuma ligação entre eles.

Ainda pode ser útil quando uma plataforma aceita Lottie mas não Rive, ou quando alguém da equipe precisa de uma prévia rápida em uma ferramenta que só aceita Lottie. Teste o resultado no player de Lottie que você vai usar, já que diferenças de renderização entre engines podem aparecer em gradientes, recortes e traços.

Como exportar uma animação do Rive em MP4, GIF ou WebM?

Pelo editor do Rive, em um plano pago. A documentação do Rive lista exportação para vídeo H.264, GIF, sequência de PNG, sequência de SVG, WebM e frames únicos em PNG ou SVG, configurados com Render Presets e processados em uma Render Queue na nuvem. A documentação diz claramente que "a exportação de vídeo e imagens está disponível nos planos pagos", e a página de preços mostra o plano Free sem exportação de vídeo (em outubro de 2026).

Algumas observações práticas:

• Escolha um estado por vez. Um vídeo captura uma timeline, não uma state machine. Renderize cada loop ou reação de que você precisa como um clipe separado.
• Transparência exige o codec certo. WebM com VP9 pode levar canal alfa no Chrome, Edge e Firefox. O Safari ignora o alfa do VP9 e precisa de HEVC com alfa em um .mov, que talvez você tenha que codificar separadamente.
• GIF tem suas próprias perdas. 256 cores e transparência de 1 bit significam bordas serrilhadas em fundos transparentes; use só onde vídeo não roda.

Se você precisa de vídeo de um personagem, mas não tem licença de um editor pago, a alternativa é um serviço que entregue os dois. O Charmotion gera um .riv a partir de uma imagem enviada, 17 animações em poucos minutos, e exporta dele MP4 em 1080×1080 e 9:16, GIF e WebM e MOV transparentes sob demanda, em cerca de um minuto. Ele não gera Lottie.

Quando refazer em vez de converter?

Converta quando a animação for curta, composta principalmente de formas e keyframes, e você só precisar reproduzi-la em um runtime do Rive junto com outros conteúdos Rive. Refaça quando qualquer um destes casos se aplicar:

• A animação é um personagem que vai precisar de vários estados e transições. Um rig limpo feito no Rive é muito mais fácil de expandir do que uma pilha de camadas importada.
• O tamanho do arquivo era o motivo da troca. As grandes reduções de tamanho vêm das reconstruções nativas.
• O original depende de blend modes, efeitos ou expressões não suportados.
• Você vai manter a animação por anos, e as edições futuras vão ser feitas no Rive.

Um caminho intermediário funciona bem para muitas equipes: importe para levar a arte e o timing aproximado para o Rive e, depois, refaça o rig, as timelines e a state machine sobre as formas importadas. Assim você não precisa redesenhar e ainda evita os problemas estruturais de uma importação crua.

Para decidir se vale a pena migrar, veja Rive vs Lottie. Para ver como fica a parte interativa em cada lado, veja Lottie vs Rive: state machines.

Converter, refazer ou manter os dois formatos?

Converta Lottie para Rive se você tem poucas animações simples, um plano pago do Rive que inclui importação e quer tudo em um único runtime.

Refaça no Rive se a animação for de um personagem, se você quiser o ganho completo em tamanho do arquivo ou se o arquivo original usar recursos não suportados.

Converta Rive para Lottie se uma plataforma só aceita Lottie e a reprodução linear for suficiente.

Mantenha os dois, ou adicione vídeo, se destinos diferentes exigirem formatos diferentes. Muitos produtos usam um arquivo interativo no app e vídeo em todos os outros lugares.

Seja qual for a escolha, guarde os arquivos originais. Uma conversão em qualquer direção perde informação, então o projeto do After Effects ou o .riv de onde você partiu continua sendo a versão para editar depois. Converter de um formato para o outro várias vezes acumula perdas a cada rodada.

Como importar uma animação Lottie no Rive

1. Confirme seu plano. Abra o editor do Rive na sua conta e verifique se a importação de Lottie está disponível. A documentação do Rive fala em Enterprise; a página de preços lista os planos pagos. Não compre um plano só para isso sem verificar antes.
2. Obtenha o JSON. Exporte o JSON do Lottie a partir do After Effects com o Bodymovin. Se você só tem um arquivo .lottie, descompacte-o e pegue o JSON da animação na pasta a/.
3. Simplifique o arquivo original. Antes de exportar, substitua as camadas que usam os modos de mesclagem Plus, Add ou Hard Mix e, sempre que possível, achate efeitos e expressões.
4. Importe no editor. Importe o JSON em um arquivo do Rive conforme a documentação de importação de Lottie do Rive e reproduza ao lado do original para identificar diferenças.
5. Limpe e adicione a lógica. Remova keyframes e camadas redundantes, refaça as partes que quebraram e depois crie a state machine ou o view model que seu app vai controlar.
6. Exporte e meça. Exporte o .riv, compare o tamanho com o JSON ou .lottie original e teste a reprodução no runtime de destino antes de substituir o arquivo Lottie.

Perguntas frequentes

A importação de Lottie é grátis no Rive?

Não. Ela não faz parte do plano Free. A documentação do Rive diz que a importação de Lottie está disponível nos planos Enterprise, enquanto a página de preços a lista nos planos pagos, incluindo o Cadet. Como as duas informações divergem em outubro de 2026, teste a importação no seu plano atual ou pergunte ao Rive antes de fazer upgrade.

Converter Rive para Lottie mantém a state machine?

Não. O conversor gratuito de Rive para Lottie da LottieFiles gera apenas animações de timeline; a página da ferramenta diz que state machines não são convertidas. Você precisaria refazer a interatividade separadamente, por exemplo com as state machines do Lottie Creator em um arquivo dotLottie, que usam um modelo lógico diferente do Rive.

Meu arquivo Lottie fica menor depois de importado no Rive?

Não necessariamente. A documentação do Rive diz que arquivos Lottie importados não são otimizados automaticamente. As grandes reduções relatadas pelo Rive e pela Callstack vêm de refazer as animações nativamente no Rive. Uma importação pode trazer keyframes redundantes, então meça o .riv exportado antes de contar com um ganho de tamanho.

Posso exportar uma animação do Rive como GIF no plano gratuito?

Não. Em outubro de 2026, o Rive restringe a exportação de vídeo e imagem, incluindo GIF, MP4, WebM e sequências PNG, aos planos pagos. No plano Free você pode exportar arquivos .riv para runtimes, e eles exibem uma splash screen do Rive. Os planos pagos removem essa splash e adicionam exportação de vídeo.

Respostas rápidas deste guia

• O Rive importa arquivos Lottie?
• Posso converter um arquivo Rive para Lottie?

Fontes

• 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