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
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.
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
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.
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?
Agora você pode editar animações do Lottie diretamente da nossa biblioteca pronta para uso, do IconScout e das animações privadas no seu workspace.
Assim que o Lottie Editor carrega sua animação, você poderá editar as seguintes propriedades, entre outras:
Camadas: Ocultar, exibir, excluir ou reordenar camadas
Cores: Alterar as cores dos elementos da animação ou o fundo
Substituir imagens e atualizar texto: Substituir as imagens no Lottie ou atualizar os textos nas camadas de texto
Qual é a diferença entre “cores únicas” e “todas as cores”?
Editar cores únicas modifica todas as ocorrências de uma cor específica dentro da camada selecionada.
Editar todas as cores permite alterar cada instância individualmente, oferecendo controle mais detalhado na sua animação.
Como adicionar IDs e classes às camadas?
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.
Por que não consigo editar o texto de uma animação?
Se você não consegue editar o texto em uma animação Lottie, é provável que a fonte tenha sido subconjunta durante a exportação, limitando os glifos disponíveis.
Isso impede alterações completas de texto.
Posso usar o Lottie Editor gratuitamente?
Sim. O Lottie Editor é gratuito para edições básicas.
Recursos avançados podem exigir um plano LottieFiles Pro.
Preciso do After Effects para usar o Lottie Editor?
Não. O Lottie Editor funciona totalmente online — você pode enviar qualquer arquivo JSON do Lottie e fazer edições sem o Adobe After Effects.
Posso otimizar o tamanho do arquivo no Lottie Editor?
Sim. O Lottie Editor pode reduzir o tamanho do arquivo removendo camadas não utilizadas, limpando o código e exportando no formato compactado .lottie.
Posso editar animações do Marketplace do LottieFiles no Lottie Editor?
Sim. Você pode baixar ou abrir animações do Marketplace no Lottie Editor para alterar cores, imagens, textos e mais antes de publicar.
O Lottie Editor é compatível com arquivos .lottie?
Sim. Você pode enviar e editar animações no formato .lottie, que é um pacote comprimido contendo um ou mais arquivos Lottie.
Qual é a diferença entre o Lottie Creator e o Lottie Editor?
O Lottie Creator permite criar animações do zero no navegador com ferramentas como formas, textos e recursos avançados como segmentos e máscaras.
O Lottie Editor é usado principalmente para ajustar cores, imagens e textos em animações existentes.
As equipes de design adoram o LottieFiles
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
Criar. Colaborar. Navio.
Traga o movimento para seus designs cotidianos sem esforço.