Lottielab (Magic Animator - now live)

Lottielab (Magic Animator - now live)

Lottielab · Imagem

Lottielab é uma ferramenta web de motion design para criar e editar animações Lottie e publicá-las em iOS, Android e na web.

Prévia da interface de Lottielab (Magic Animator - now live)

Sobre Lottielab (Magic Animator - now live)

About

O que é o Lottielab

O Lottielab é um app web para criar e editar arquivos Lottie, o formato vetorial leve que designers entregam às equipes de produto. Ele cobre o espaço entre o software de motion pesado e os arquivos JSON pequenos que os apps de fato carregam. Você importa assets das ferramentas de design ou começa de um canvas em branco, anima tudo e exporta arquivos que rodam nativamente em iOS, Android e na web. A empresa afirma que mais de 500 mil designers usam a ferramenta, de freelancers a grandes empresas.

A proposta se apoia em velocidade e entrega, na passagem do design ao movimento sem fricção. Arquivos Lottie ficam pequenos e escalam sem perder nitidez, então servem para estados de botão, loaders, telas vazias e artes de onboarding sem o peso do vídeo. O Lottielab cobre esse formato do começo ao fim: você edita a animação no navegador e recebe um arquivo que o desenvolvedor coloca direto no projeto. Os limites principais são o escopo, já que não é um editor de vídeo geral, e o teto de complexidade, porque o Lottie não expressa tudo o que uma ferramenta completa de composição faz.

O preço tem dois níveis. Há um plano gratuito e um plano Pro pago, cobrado por editor.

Como começar

  1. Crie a conta e abra um projeto no navegador, sem instalar nada
  2. Importe assets da sua ferramenta de design ou desenhe do zero no canvas
  3. Anime as camadas com keyframes e curvas de velocidade e veja o movimento na hora
  4. Exporte para Lottie, ou em vídeo HD e 4K, e compartilhe o arquivo com a equipe ou com os desenvolvedores

Informações do produto

Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de Lottielab (Magic Animator - now live).

Plano gratuitoSim
Planos pagosPro, per editor / month billed annually
PlataformaWeb (browser-based)
DesenvolvedorLottielab
CategoriaImagem
Data de lançamentoJan 2021
Última atualizaçãoOct 2025
Visitas ao site202.2K
Ranking global do site210.9K
Disponibilidade da APIN/A

Ideal para

Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.

Usuários

  • Designers de produto
  • Designers de motion e interação
  • Equipes de design e freelancers
  • Desenvolvedores frontend

Tarefas

  • Microinterações de interface
  • Telas de onboarding e estados vazios
  • Importar e limpar assets
  • Exportar para várias plataformas
  • Saída em vídeo

Cenários

  • Uma equipe de design precisa de movimento consistente
  • Entregar para o produto
  • Prototipar uma interface
  • Trabalho freelance
  • Idiomas e variações

Principais recursos

Editor no navegador

O Lottielab roda no navegador, então não há nada para instalar e os projetos abrem em qualquer máquina em que você faça login. Você cria animações em um canvas com keyframes e as visualiza no lugar. Para equipes que trocam de dispositivo, isso elimina a fricção comum de instalação e licença.

Importação das ferramentas de design

Você pode trazer assets das suas ferramentas de design favoritas ou começar do zero, e a ferramenta transforma a arte estática em camadas que dá para animar. Esse caminho de importação é o motivo prático de designers escolherem o Lottielab em vez de desenhar tudo dentro do software de motion. O arquivo de design permanece como origem e a animação como camada por cima.

Edição de movimento e curvas de velocidade

O editor cobre keyframes, curvas de velocidade e os controles de tempo que definem se o movimento parece suave ou travado. Você ajusta as curvas e vê o resultado sem renderizar um vídeo. Isso mantém a iteração rápida, e a empresa apresenta a ferramenta como fácil de aprender sem abrir mão do que um designer de motion profissional precisa.

Exportar para Lottie, vídeo e mais

Os projetos exportam para Lottie no uso em produto, e o Pro adiciona saída de vídeo HD e 4K do mesmo arquivo. Arquivos Lottie continuam pequenos e nítidos em qualquer tamanho, e é por isso que o formato se espalhou entre mobile e web. Um projeto atende tanto uma animação de app quanto um clipe de marketing.

Biblioteca de equipe e ferramentas de revisão

O Pro inclui biblioteca de equipe e arquivos compartilhados, além de comentários e menções para a equipe revisar o movimento como revisa um design. Colaboradores ilimitados podem visualizar sem que cada um precise de uma licença paga. Isso ajuda na entrega para desenvolvedores e outras áreas, e o controle de permissão mantém os direitos de edição onde devem ficar.

Hospedagem e otimização de arquivos

O Pro soma otimização de tamanho de arquivo e uma hospedagem Lottie rápida com CDN, então as animações prontas carregam rápido a partir de um ponto gerenciado em vez do seu próprio servidor. A otimização enxuga o JSON antes de publicar. Para equipes com muitos assets, essa combinação reduz tanto o peso da página quanto o trabalho de infraestrutura para servir arquivos de animação.

Prós e contras

Prós

  • Roda inteiramente no navegador, então não há instalação e os projetos abrem em qualquer máquina
  • É feita para o formato Lottie, o que dá arquivos menores e nitidez ao escalar em iOS, Android e na web
  • O plano gratuito deixa você aprender a ferramenta e publicar animações básicas antes de pagar
  • O Pro reúne biblioteca de equipe, comentários, hospedagem e otimização em um só plano, cobrindo também a entrega
  • A exportação de vídeo no Pro faz um projeto servir para produto e para marketing

Contras

  • O Lottie não expressa todos os efeitos, então composição pesada e 3D complexo ainda exigem uma ferramenta de motion completa
  • O Pro é cobrado por editor com faturamento anual, e isso pesa em uma equipe de edição maior
  • Não há API pública divulgada, então automação e integração em pipeline dependem do que a empresa oferece diretamente
  • A profundidade de recursos fica abaixo do software de motion para desktop, o que importa se você precisa de efeitos avançados

Perguntas frequentes

O Lottielab é uma ferramenta web de motion design para criar e editar animações Lottie. Você importa assets ou começa do zero, anima e exporta arquivos que rodam em iOS, Android e na web. É feita em torno do formato Lottie, não da edição de vídeo geral.