Visualizador e Otimizador Lottie

Visualize, copie/baixe SVG, otimize JSON e edite animações Lottie localmente.

Arraste e solte o arquivo Lottie JSON aqui, ou clique para fazer upload

*.json (Lottie format)

Como visualizar e otimizar animações Lottie

Carregue ou arraste seu arquivo JSON do Lottie para carregar a visualização da animação no player interativo.

Use a guia 'Camadas e Recursos' para modificar elementos de texto ou substituir camadas de imagem diretamente na animação.

Vá para a guia 'Diagnóstico e Compactação', configure a precisão decimal flutuante das coordenadas e ative as opções de limpeza de metadados para compactar o arquivo.

Clique em 'Exportar JSON' para salvar o arquivo Lottie otimizado ou copie o código vetorial SVG do quadro atual para usar no Figma.

Perguntas frequentes da ferramenta Lottie

Como a otimização do Lottie reduz o tamanho do arquivo?

Os arquivos JSON do Lottie frequentemente armazenam precisão decimal excessiva para coordenadas e curvas de quadros-chave. Truncar os números de ponto flutuante para 1 ou 2 casas decimais e remover metadados de autoria inúteis pode reduzir o tamanho do arquivo de 30% a 70% sem impacto visual.

Posso editar camadas de texto do Lottie sem o After Effects?

Sim. O editor analisa camadas de texto editáveis. Você pode modificar textos, traduzir strings ou substituir imagens incorporadas diretamente no navegador e visualizar as alterações dinâmicas instantaneamente.

Como utilizo o código SVG copiado no Figma?

Clicar em 'Copiar código SVG' captura o quadro atual. Você pode colá-lo diretamente no Figma (Cmd+V / Ctrl+V) e ele gerará automaticamente as camadas e grupos vetoriais correspondentes.

🔗 Ferramentas Relacionadas

Formatador & Validador JSON

Formate, compacte e valide dados JSON localmente no navegador.

Conversor de Unidades 40 em 1

Conversor universal de unidades em tempo real para física, desenvolvimento, finanças, vida diária e engenharia.

Suite de Criptografia Tudo-em-Um

Suporta MD5, SHA-1/256/512, AES, DES, HMAC, Base64, URL, Hex, Unicode, Entidade HTML e Gerador de Senhas.

Depurador e Analisador JWT

Decodifique, verifique e gere JSON Web Tokens localmente no seu navegador. Suporte completo para HS256, RS256, ES256, EdDSA e mais.