Ferramentas de motion: qual usar para dar movimento aos seus designs

Animar um design não é uma tarefa só. Quem faz vídeo para rede social precisa de um arquivo de vídeo. Quem faz um app precisa de uma animação leve que rode dentro do aplicativo. Quem faz um site pode animar com código ou com uma cena 3D. Por isso as ferramentas abaixo não competem entre si de verdade: cada uma serve a um destino. Todas as informações vêm dos sites oficiais, conferidos em novembro de 2026.

Para motion em vídeo, a opção mais simples é o Jitter. É uma ferramenta de motion design que roda no navegador, feita para criar animações rápido, com recursos de IA e uma biblioteca de modelos. Na página de preços, o plano grátis exporta vídeo, GIF e Lottie em até 720p e 30 quadros por segundo, com marca d'água do Jitter. Os planos pagos tiram a marca e liberam resoluções maiores. Confira na página oficial os limites e os valores atuais.

O After Effects, da Adobe, é o padrão de quem trabalha com motion design e efeitos visuais para vídeo, cinema e web. Ele é o mais completo desta lista, mas também o mais pesado de aprender. Não tem plano grátis: a página oficial oferece um teste gratuito de sete dias. Depois disso é assinatura paga; confira na página oficial o preço do seu caso. O resultado sai como vídeo renderizado, pela fila de renderização do próprio programa ou pelo Adobe Media Encoder.

Para animação dentro de apps e sites, existem dois caminhos. O primeiro é o formato Lottie, um arquivo leve (JSON ou dotLottie) que toca em iOS, Android e web. O Lottielab cria e edita animações Lottie e importa material do Figma e do After Effects. No plano grátis exporta GIF e MP4; a exportação em Lottie aparece só no plano Pro, segundo a página de preços. O LottieFiles é a plataforma ao redor desse formato: tem uma biblioteca com animações grátis e pagas, o Lottie Creator, plugins para Figma e After Effects e players para várias plataformas. Confira na página oficial o que o grátis inclui.

O segundo caminho para apps é o Rive, que é um motor de gráficos 2D e 3D interativos, não só um editor de animação. A diferença prática: o Rive guarda também a lógica. A animação pode reagir a toque, estados e dados do app. A saída principal é o arquivo .riv, lido por runtimes de código aberto com licença MIT, que cobrem web, iOS, Android, Flutter, Unity, Unreal e outros. O plano grátis exporta .riv, mas com uma tela de abertura do Rive (splash screen), e tem limites de projetos e de arquivos. Confira na página oficial o que cada plano exporta além do .riv.

Para 3D na web, o Spline é o caminho. Ele é uma ferramenta de design 3D no navegador, em que você modela, anima e publica cenas interativas. Dá para publicar um link, incorporar o visualizador ou, nos planos pagos, exportar código e versões nativas para iOS e Android. O plano grátis existe, mas a exportação web leva marca d'água, e vídeo, código e exportação para Apple e Android ficam nos planos pagos. Confira na página oficial os limites atuais.

Quando a animação é feita por código, entram a Motion e a GSAP. A Motion (antes chamada Framer Motion) é uma biblioteca para React, JavaScript e Vue, instalada com npm install motion, gratuita e de código aberto sob licença MIT. A GSAP é uma biblioteca de JavaScript muito usada em sites com animação por rolagem, SVG e WebGL, e hoje é gratuita, inclusive os plugins. Atenção: a GSAP não é código aberto. Ela usa a licença própria da Webflow, que proíbe usar a biblioteca em ferramentas que concorram com o construtor de animações da Webflow. Leia a licença na página oficial se for embutir a GSAP em um produto.

Como escolher? Para vídeo ou post de rede social, comece pelo Jitter. Para efeitos mais pesados em vídeo, After Effects. Para ícones e microanimações que rodam em app ou site, Lottielab e LottieFiles. Para animação interativa que reage ao usuário em app ou jogo, Rive. Para cena 3D em página web, Spline. Para animar interface escrevendo código, Motion ou GSAP. Todas têm algum acesso grátis ou teste, mas os limites mudam. Antes de entregar um trabalho a um cliente, confira a marca d'água e os formatos de exportação do plano que você está usando.