LottieFiles
Background
Background
Background
Background

Edite e personalize facilmente animações Lottie

Nosso editor baseado na web permite que você edite, ajuste e personalize seu Lottie. Fazer alterações onde quer que esteja nunca foi tão fácil e divertido.

Assista ao vídeo

Selecione. Edite. Salve.

Agora é mais fácil do que nunca selecionar camadas de animação, fazer edições e salvar diferentes versões de sua animação.

Seleção poderosa de camadas

Selecione as camadas de animação na tela e reordene-as como desejar com o painel de camadas aprimorado.

Seja criativo com as cores

Altere as cores da camada e dê à sua animação um novo visual colorido.

Clique para alterar a cor

Change animation layer colors
Change animation layer colors
Change animation layer colors
Change animation layer colors

Oculte e exclua camadas indesejadas

Traga as camadas para a frente ou para trás, exclua as camadas que você não precisa. Esconda o que você não quer mostrar.

Aprovado por mais de milhões de designers e desenvolvedores de mais de mil empresas

Reordenação intuitiva de camadas

Dê um novo toque às animações ao reordenar as camadas de forma fácil e intuitiva.

Edite texto e troque imagens

Altere o texto e substitua as camadas de imagem em suas animações para um nível ainda mais profundo de personalização.

Modo de raio-X para seleção avançada

Ative o modo de raio-X para obter uma visualização de contorno que o ajudará a inspecionar e selecionar camadas profundamente agrupadas.

Bounding box
Transparency grid
X-ray view
Background color

Clique para experimentar estes modos de visualização

Bounding box
Transparency grid
X-ray view
Background color

Clique para experimentar estes modos de visualização

Bounding box
Transparency grid
X-ray view
Background color

Clique para experimentar estes modos de visualização

Camadas de destino com nomes e tags

Selecione a camada desejada, abra a seção de atributos e adicione um identificador (classe(s) ou id).

Esses IDs e classes podem ser usados com CSS ou JavaScript ao renderizar a animação em uma página da web.

Personalize animações como nunca antes

Tela e editor de movimento agora disponíveis em seu aplicativo móvel

Tela e editor de movimento agora disponíveis em seu aplicativo móvel

Quer uma forma mais fácil de personalizar animações onde quer que esteja? O aplicativo LottieFiles para dispositivos móveis oferece um editor de movimento, modelos, figurinhas e muito mais.

Motion editor, templates and stickers on the LottieFiles mobile app
Motion editor, templates and stickers on the LottieFiles mobile app
Motion editor, templates and stickers on the LottieFiles mobile app

Perguntas frequentes

Perguntas frequentes

O que é o Lottie Editor?

O Lottie Editor é um editor de animações online que permite personalizar e otimizar arquivos JSON do Lottie sem escrever código.

Você pode ajustar cores, camadas, imagens e textos, e depois aplicar suas animações em sites, aplicativos móveis e ferramentas de design usando as bibliotecas móveis do LottieFiles, o player web ou integrações como o Webflow.


Usos comuns incluem:

  • Atualizar as cores da animação para seguir as diretrizes da marca

  • Substituir imagens de espaço reservado por fotos de produto ou ícones

  • Alterar textos sazonais ou de campanha sem recriar a animação

  • Otimizar o tamanho do arquivo para melhor desempenho na web e no mobile


O que é o Lottie Editor?

O Lottie Editor é um editor de animações online que permite personalizar e otimizar arquivos JSON do Lottie sem escrever código.

Você pode ajustar cores, camadas, imagens e textos, e depois aplicar suas animações em sites, aplicativos móveis e ferramentas de design usando as bibliotecas móveis do LottieFiles, o player web ou integrações como o Webflow.


Usos comuns incluem:

  • Atualizar as cores da animação para seguir as diretrizes da marca

  • Substituir imagens de espaço reservado por fotos de produto ou ícones

  • Alterar textos sazonais ou de campanha sem recriar a animação

  • Otimizar o tamanho do arquivo para melhor desempenho na web e no mobile


O que é o Lottie Editor?

O Lottie Editor é um editor de animações online que permite personalizar e otimizar arquivos JSON do Lottie sem escrever código.

Você pode ajustar cores, camadas, imagens e textos, e depois aplicar suas animações em sites, aplicativos móveis e ferramentas de design usando as bibliotecas móveis do LottieFiles, o player web ou integrações como o Webflow.


Usos comuns incluem:

  • Atualizar as cores da animação para seguir as diretrizes da marca

  • Substituir imagens de espaço reservado por fotos de produto ou ícones

  • Alterar textos sazonais ou de campanha sem recriar a animação

  • Otimizar o tamanho do arquivo para melhor desempenho na web e no mobile


O que é o Lottie Editor?

O Lottie Editor é um editor de animações online que permite personalizar e otimizar arquivos JSON do Lottie sem escrever código.

Você pode ajustar cores, camadas, imagens e textos, e depois aplicar suas animações em sites, aplicativos móveis e ferramentas de design usando as bibliotecas móveis do LottieFiles, o player web ou integrações como o Webflow.


Usos comuns incluem:

  • Atualizar as cores da animação para seguir as diretrizes da marca

  • Substituir imagens de espaço reservado por fotos de produto ou ícones

  • Alterar textos sazonais ou de campanha sem recriar a animação

  • Otimizar o tamanho do arquivo para melhor desempenho na web e no mobile


O que há de novo no Lottie Editor?

O que há de novo no Lottie Editor?

O que há de novo no Lottie Editor?

O que há de novo no Lottie Editor?

Qual é a diferença entre “cores únicas” e “todas as cores”?

Qual é a diferença entre “cores únicas” e “todas as cores”?

Qual é a diferença entre “cores únicas” e “todas as cores”?

Qual é a diferença entre “cores únicas” e “todas as cores”?

Como adicionar IDs e classes às camadas?

Como adicionar IDs e classes às camadas?

Como adicionar IDs e classes às camadas?

Como adicionar IDs e classes às camadas?

Por que não consigo editar o texto de uma animação?

Por que não consigo editar o texto de uma animação?

Por que não consigo editar o texto de uma animação?

Por que não consigo editar o texto de uma animação?

Posso usar o Lottie Editor gratuitamente?

Posso usar o Lottie Editor gratuitamente?

Posso usar o Lottie Editor gratuitamente?

Posso usar o Lottie Editor gratuitamente?

Preciso do After Effects para usar o Lottie Editor?

Preciso do After Effects para usar o Lottie Editor?

Preciso do After Effects para usar o Lottie Editor?

Preciso do After Effects para usar o Lottie Editor?

Posso otimizar o tamanho do arquivo no Lottie Editor?

Posso otimizar o tamanho do arquivo no Lottie Editor?

Posso otimizar o tamanho do arquivo no Lottie Editor?

Posso otimizar o tamanho do arquivo no Lottie Editor?

Posso editar animações do Marketplace do LottieFiles no Lottie Editor?

Posso editar animações do Marketplace do LottieFiles no Lottie Editor?

Posso editar animações do Marketplace do LottieFiles no Lottie Editor?

Posso editar animações do Marketplace do LottieFiles no Lottie Editor?

O Lottie Editor é compatível com arquivos .lottie?

O Lottie Editor é compatível com arquivos .lottie?

O Lottie Editor é compatível com arquivos .lottie?

O Lottie Editor é compatível com arquivos .lottie?

Qual é a diferença entre o Lottie Creator e o Lottie Editor?

Qual é a diferença entre o Lottie Creator e o Lottie Editor?

Qual é a diferença entre o Lottie Creator e o Lottie Editor?

Qual é a diferença entre o Lottie Creator e o Lottie Editor?

Design de movimento facilitado

Motion design made easy

Crie

Colabore

Colabore

Design de movimento facilitado

Crie

Create animation

Colabore

Collaborate

Colabore

Implement

Design de movimento facilitado

Motion design made easy

Crie

Colabore

Colabore

As equipes de design adoram o LottieFiles

O LottieFiles ampliou a minha carreira em 10 anos.

Anibal Koliren

Líder de Movimento na DisneyNow

O LottieFiles ampliou a minha carreira em 10 anos.

Anibal Koliren

Líder de Movimento na DisneyNow

O LottieFiles ampliou a minha carreira em 10 anos.

Anibal Koliren

Líder de Movimento na DisneyNow

O LottieFiles ampliou a minha carreira em 10 anos.

Anibal Koliren

Líder de Movimento na DisneyNow

O Lottie se integra rapidamente ao meu fluxo de trabalho, ocupa pouco espaço, posso compartilhar ideias com as minhas equipes rapidamente.

Brian Lee

Animador Sênior na Headspace

O Lottie se integra rapidamente ao meu fluxo de trabalho, ocupa pouco espaço, posso compartilhar ideias com as minhas equipes rapidamente.

Brian Lee

Animador Sênior na Headspace

O Lottie se integra rapidamente ao meu fluxo de trabalho, ocupa pouco espaço, posso compartilhar ideias com as minhas equipes rapidamente.

Brian Lee

Animador Sênior na Headspace

O Lottie se integra rapidamente ao meu fluxo de trabalho, ocupa pouco espaço, posso compartilhar ideias com as minhas equipes rapidamente.

Brian Lee

Animador Sênior na Headspace

Os LottieFiles são super infundidos em todos os nossos produtos e serviços para obter a sensação personalizada perfeita.

Vinu Remesan

Diretor de Design de Movimento na Gojek

Os LottieFiles são super infundidos em todos os nossos produtos e serviços para obter a sensação personalizada perfeita.

Vinu Remesan

Diretor de Design de Movimento na Gojek

Os LottieFiles são super infundidos em todos os nossos produtos e serviços para obter a sensação personalizada perfeita.

Vinu Remesan

Diretor de Design de Movimento na Gojek

Os LottieFiles são super infundidos em todos os nossos produtos e serviços para obter a sensação personalizada perfeita.

Vinu Remesan

Diretor de Design de Movimento na Gojek

Criar. Colaborar. Navio.

Traga o movimento para seus designs cotidianos sem esforço.