O que é uma animação Lottie?

Uma <a href="https://lottiefiles.com/what-is-lottie" target="_blank" rel="nofollow">animação Lottie</a> é um formato de arquivo de código aberto. É um formato baseado em Lottie JSON bem leve (cerca de 600% menor que GIFs), facilmente editável e que funciona em praticamente qualquer plataforma.

Para que posso usar as animações Lottie?

Você pode usar as animações da Lottie em seus designs de apps da Web ou para dispositivos móveis. Você também pode adicioná-las a plataformas como WordPress ou Webflow, ferramentas de design como Figma ou Adobe XD, bem como outras plataformas como Reddit ou Notion. Use-as para criar as melhores interfaces de usuário e conteúdos de marketing envolventes, ou apenas para trazer mais diversão à sua plataforma favorita.<br /><br />Veja como líderes da indústria como Disney, Headspace e Duolingo estão <a href="https://lottiefiles.com/showcase" target="_blank" rel="nofollow">usando as animações Lottie.</a>

Onde consigo animações gratuitas da Lottie?

O IconScout tem diversas a href="https://icons.toolsmeen.com/free-lottie-animations" target="_blank">animações Lottie gratuitas</a>, bem como animações premium que você pode acessar se tiver uma <a href="https://icons.toolsmeen.com/pricing" target="_blank" rel="nofollow">assinatura de acesso total</a>. Você também pode obter milhares de animações Lottie gratuitas no <a href="https://lottiefiles.com/featured" target="_blank" rel="nofollow">LottieFiles.</a>

Como eu crio uma animação Lottie?

Você pode usar o plug-in LottieFiles para o Adobe After Effects para exportar seu projeto como uma animação Lottie. Mas, se você não conhece muito de motion design, é só pegar qualquer imagem SVG estática e transformá-la em uma animação Lottie com a ferramenta <a href="https://icons.toolsmeen.com/converter/svg-to-lottie" target="_blank" rel="nofollow">SVG para Lottie.</a>

Como eu edito animações Lottie?

Você pode editar as animações da <a href="https://lottiefiles.com/editor" target="_blank" rel="nofollow">Lottie usando</a> o Lottie Editor, uma ferramenta gratuita de edição que permite que você edite animações facilmente, mesmo que não saiba nada sobre

Como eu uso as animações Lottie em HTML?

Você pode adicionar facilmente as animações Lottie às suas páginas da web com HTML e o reprodutor da web LottieFiles. Veja como gerar <a href="https://lottiefiles.com/blog/working-with-lottie/how-to-add-lottie-animation-in-web-page-html/" target="_blank" rel="nofollow">automaticamente o código HTML para suas animações Lottie</a>

Como uso a Lottie no React ou outras bibliotecas e estruturas JavaScript?

Há diversas bibliotecas Lottie disponíveis para bibliotecas e estruturas JavaScript como React, Svelte, Vue e Angular. Confira a lista de <a href="https://github.com/LottieFiles/awesome-lottie" target="_blank" rel="nofollow">bibliotecas Lottie e a documentação aqui.</a>

Como uso o Lottie no Android e no iOS?

As animações Lottie podem ser implementadas em seus aplicativos móveis usando bibliotecas para Android, React Native, Flutter, iOS e muito mais. Confira a lista de <a href="https://github.com/LottieFiles/awesome-lottie" target="_blank" rel="nofollow">bibliotecas Lottie para dispositivos móveis e sua documentação aqui</a>.

Como adiciono animações Lottie ao Figma?

Baixe o plug-in IconScout for Figma, que permite arrastar e soltar animações Lottie no Figma como GIFs. Você também pode usar o <a href="https://icons.toolsmeen.com/plugins/for-figma" target="_blank" rel="nofollow">plug-in LottieFiles for Figma</a>.

Como adiciono animações Lottie ao Canva?

Baixe o <a href="https://icons.toolsmeen.com/plugins/iconscout-for-canva" target="_blank" rel="nofollow">plug-in IconScout para Canva</a> , que permite arrastar e soltar animações da Lottie no Canva como GIFs. Você também pode baixar animações Lottie de LottieFiles para <a href="https://lottiefiles.com/blog/tips-and-tutorials/how-to-create-animated-canva-designs" target="_blank" rel="nofollow">usar em seus designs do Canva</a>.

Como adiciono animações Lottie ao Notion?

Você pode baixar as animações da Lottie como GIFs e arrastá-las e soltá-las no Notion. Você também pode <a href="https://lottiefiles.com/blog/working-with-lottie/embed-lottie-animations-without-code" target="_blank" rel="nofollow">incorporar animações LottieFiles no Notion</a> colando um link de incorporação

Como adiciono animações Lottie ao WordPress?

Baixe o <a href="https://lottiefiles.com/plugins/wordpress" target="_blank" rel="nofollow">plug-in LottieFiles for WordPress</a>, que permite pesquisar e inserir toneladas de animações Lottie gratuitas. O plug-in também permite inserir qualquer animação Lottie que você baixou do IconScout.

mais de 823.000 animações Lottie (arquivos Lottie) gratuitas e premium para qualquer projeto

Explore a maior biblioteca do mundo de Animações Lottie e Arquivos Lottie de alta qualidade para dar vida aos seus designs de web, mobile e aplicativos. Baixe facilmente ativos animados em JSON, GIF ou SVG estático. Use nossas poderosas ferramentas Lottie Player, Lottie Preview e Lottie Viewer para integração e personalização sem esforço, fazendo com que cada ativo Lottie funcione perfeitamente.

Pesquisas populares:

Utilizado por mais de 8 milhões de usuários em todo o mundo

Categorias de Lottie em alta

Business

171,797 Animações Lottie

User Interface

64,528 Animações Lottie

E-commerce and Shopping

444,352 Animações Lottie

Payment

40,274 Animações Lottie

Explore as animações da Lottie

Tendências Animações Lottie Pacotes

Ver tudo

Bravo Conjunto de Animações Lottie

140 Animações Lottie

Exclusivo IconScout Conjunto de Animações Lottie

611 Animações Lottie

Contorno de cores Conjunto de Animações Lottie

626 Animações Lottie

Ícones de fonte Conjunto de Animações Lottie

98 Animações Lottie

Animações Conjunto de Animações Lottie

18354 Animações Lottie

Unicons - Ícones animados Conjunto de Animações Lottie

1215 Animações Lottie

Escola e Educação Conjunto de Animações Lottie

574 Animações Lottie

Isométrico Conjunto de Animações Lottie

2415 Animações Lottie

Profissionais Azuis Conjunto de Animações Lottie

30 Animações Lottie

Mais de 100 ícones animados Conjunto de Animações Lottie

262 Animações Lottie

Carregando pacote de ícones animados de pontos Conjunto de Animações Lottie

43 Animações Lottie

Negócios Conjunto de Animações Lottie

20 Animações Lottie

Popular Animações Lottie Pacotes

31,338 Recursos

Ver tudo

Pacote de contagem regressiva Pacote de Animações

5 Animações Lottie

Finança Pacote de Animações

10 Animações Lottie

Interface do usuário Vol 2 Pacote de Animações

40 Animações Lottie

Negócios Pacote de Animações

20 Animações Lottie

Free Design do site Pacote de Animações

10 Animações Lottie

IU essencial Pacote de Animações

156 Animações Lottie

Negócios Pacote de Animações

8 Animações Lottie

Tecnologia Pacote de Animações

40 Animações Lottie

Atividades de negócio Pacote de Animações

20 Animações Lottie

Robótica e Automação Pacote de Animações

5 Animações Lottie

Free Interface de usuário Pacote de Animações

43 Animações Lottie

Free Espaço Pacote de Animações

4 Animações Lottie

Em Destaque Animações Lottie Pacotes

31,338 Recursos

Ver tudo

Comércio eletrônico Pacote de Animações

41 Animações Lottie

Conjunto de rabiscos femininos Pacote de Animações

45 Animações Lottie

Experiência de compra on-line Pacote de Animações

6 Animações Lottie

Novos emojis Pacote de Animações

40 Animações Lottie

Feliz ano novo Pacote de Animações

34 Animações Lottie

Pacote Glassmorphism Pacote de Animações

9 Animações Lottie

Comércio eletrônico Pacote de Animações

40 Animações Lottie

Comer Pacote de Animações

35 Animações Lottie

Bate-papo e mídias sociais Pacote de Animações

44 Animações Lottie

Crescimento Empresarial e Trabalho em Equipe Pacote de Animações

5 Animações Lottie

Carregando Pacote de Animações

36 Animações Lottie

Finança Pacote de Animações

24 Animações Lottie

Exclusivo Animações Lottie Pacotes

31,338 Recursos

Ver tudo

Feito Pacote de Animações

6 Animações Lottie

IU de feedback Pacote de Animações

3 Animações Lottie

Free Negócios Pacote de Animações

10 Animações Lottie

Free Marca de sucesso Pacote de Animações

5 Animações Lottie

Carregadores de IA Pacote de Animações

6 Animações Lottie

Alertas e erros Pacote de Animações

4 Animações Lottie

Pacote Glassmorphism Pacote de Animações

9 Animações Lottie

Confete e Parabéns Pacote de Animações

8 Animações Lottie

Free Espaço Pacote de Animações

4 Animações Lottie

Gato Pacote de Animações

3 Animações Lottie

Bem-sucedido Pacote de Animações

11 Animações Lottie

Carregando Pacote de Animações

27 Animações Lottie

Top Animações Lottie Pacotes

150 Recursos

Ver tudo

Últimos Animações Lottie Pacotes

Animar SVG

Editor de Lottie

Edite, adicione um tema e configure interações para tornar suas animações dinâmicas

Explorar o Editor Lottie

Ícones animados

Mais de 160.000 ícones animados de alta qualidade para chamar a atenção dos seus usuários.

Explore ícones animados

Leve, escalável e interativo

Formato que se adapta a toda a sua experiência digital.

600% menores, 10x mais rápidas

Lottie é uma alternativa compacta às sequências de GIF e PNG. Com tamanho menor, acelera o carregamento.

Suporte em várias plataformas

Fácil transferência de Lottie, pois é compatível com Web, iOS, Android e muito mais.

Escalonáveis e interativas

Lottie baseado em vetores torna a animação escalável sem pixelização e também editável.

Animação interativa

A Biblioteca de Interatividade Lottie permite interações de animação que proporcionam uma experiência de usuário mais envolvente

Acesse seus ativos em suas ferramentas de design favoritas

Pegue qualquer um Projete ativos sem sair de suas ferramentas favoritas. IconScout possui plug-ins e integrações para plataformas populares de design e desenvolvedor.