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://iconscout.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://iconscout.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://iconscout.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://iconscout.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://iconscout.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.

Acesse mais de 781.000 animações Lottie gratuitas e premium

Traga a magia do movimento para seus projetos. Acesse mais de 781.000 Lottie, com 2 mil novas adicionadas semanalmente. Baixe-as nos formatos Lottie JSON, dotLottie, GIF, AEP ou MP4. E tem mais – você pode personalizar as animações instantaneamente para adequá-las à sua paleta de cores.

Pesquisas populares:

Utilizado por mais de 7,9 milhões de usuários em todo o mundo

Categorias de Lottie em alta

Business

159,507 Animações Lottie

User Interface

60,520 Animações Lottie

E-commerce and Shopping

426,622 Animações Lottie

Payment

39,222 Animações Lottie

Explore as animações da Lottie

Tendências Animações Lottie Pacotes

Ver tudo

Animações Conjunto de Animações Lottie

17487 Animações Lottie

Exclusivo IconScout Conjunto de Animações Lottie

611 Animações Lottie

Ícones de fonte Conjunto de Animações Lottie

98 Animações Lottie

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

1215 Animações Lottie

Profissionais Azuis Conjunto de Animações Lottie

30 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

Contorno de cores Conjunto de Animações Lottie

626 Animações Lottie

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

262 Animações Lottie

Bravo Conjunto de Animações Lottie

140 Animações Lottie

Negócios Conjunto de Animações Lottie

20 Animações Lottie

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

43 Animações Lottie

Popular Animações Lottie Pacotes

30,305 Recursos

Ver tudo

Tecnologia Pacote de Illustration Animado

40 Animações Lottie

Pacote de contagem regressiva Pacote de Icon Animado

5 Animações Lottie

Free Interface de usuário Pacote de Icon Animado

43 Animações Lottie

Interface do usuário Vol 2 Pacote de Icon Animado

40 Animações Lottie

Negócios Pacote de Illustration Animado

20 Animações Lottie

Free Espaço Pacote de Icon Animado

4 Animações Lottie

Negócios Pacote de Icon Animado

8 Animações Lottie

Atividades de negócio Pacote de Illustration Animado

20 Animações Lottie

IU essencial Pacote de Icon Animado

156 Animações Lottie

Robótica e Automação Pacote de Illustration Animado

5 Animações Lottie

Free Design do site Pacote de Illustration Animado

10 Animações Lottie

Finança Pacote de Icon Animado

10 Animações Lottie

Em Destaque Animações Lottie Pacotes

30,305 Recursos

Ver tudo

Beleza e cuidados com a pele Pacote de Icon Animado

49 Animações Lottie

Finança Pacote de Icon Animado

24 Animações Lottie

Fitas Pacote de Icon Animado

16 Animações Lottie

Carregador de marca de verificação Pacote de Icon Animado

10 Animações Lottie

Pacote Glassmorphism Pacote de Icon Animado

9 Animações Lottie

Desconto Pacote de Icon Animado

25 Animações Lottie

Compras Pacote de Icon Animado

30 Animações Lottie

Experiência de compra on-line Pacote de Illustration Animado

6 Animações Lottie

Novos emojis Pacote de Icon Animado

40 Animações Lottie

Conjunto de rabiscos femininos Pacote de Icon Animado

45 Animações Lottie

Comece Pacote de Icon Animado

25 Animações Lottie

Saas Pacote de Illustration Animado

10 Animações Lottie

Exclusivo Animações Lottie Pacotes

30,305 Recursos

Ver tudo

Confete e Parabéns Pacote de Icon Animado

8 Animações Lottie

IU de feedback Pacote de Icon Animado

3 Animações Lottie

Alertas e erros Pacote de Icon Animado

4 Animações Lottie

Free Marca de sucesso Pacote de Icon Animado

5 Animações Lottie

Feito Pacote de Icon Animado

6 Animações Lottie

Free Espaço Pacote de Icon Animado

4 Animações Lottie

Free Negócios Pacote de Illustration Animado

10 Animações Lottie

Carregando Pacote de Icon Animado

27 Animações Lottie

Carregadores de IA Pacote de Icon Animado

6 Animações Lottie

Bem-sucedido Pacote de Icon Animado

11 Animações Lottie

Pacote Glassmorphism Pacote de Icon Animado

9 Animações Lottie

Gato Pacote de Illustration Animado

3 Animações Lottie

Grátis Animações Lottie Pacotes

144 Recursos

Ver tudo

Free Marketing empresarial Pacote de Illustration Animado

10 Animações Lottie

Free Carregamento de círculos e bolas Pacote de Icon Animado

5 Animações Lottie

Free Suporte ao cliente Pacote de Icon Animado

5 Animações Lottie

Free Carregador Dinâmico Pacote de Icon Animado

10 Animações Lottie

Free Marketing digital Pacote de Illustration Animado

10 Animações Lottie

Free Finança Pacote de Icon Animado

5 Animações Lottie

Free Sucesso no pagamento Pacote de Icon Animado

4 Animações Lottie

Free Design do site Pacote de Illustration Animado

10 Animações Lottie

Free Negócios Pacote de Illustration Animado

10 Animações Lottie

Free Espaço Pacote de Icon Animado

4 Animações Lottie

Free Marca de sucesso Pacote de Icon Animado

5 Animações Lottie

Free Local na rede Internet Pacote de Illustration Animado

10 Animações Lottie

Últimos Animações Lottie Pacotes

30,305 Recursos

Ver tudo

Felicidade Pacote de Icon Animado

25 Animações Lottie

Jornalismo Pacote de Icon Animado

25 Animações Lottie

Nuvem Pacote de Icon Animado

8 Animações Lottie

Abóbora de Halloween Pacote de Icon Animado

13 Animações Lottie

Atrasado no escritório Pacote de Icon Animado

25 Animações Lottie

Sinal Pacote de Icon Animado

32 Animações Lottie

Felicidade Pacote de Icon Animado

25 Animações Lottie

Carro rodando na estrada Pacote de Illustration Animado

50 Animações Lottie

Essencial Pacote de Icon Animado

37 Animações Lottie

Médico e Saúde Pacote de Illustration Animado

50 Animações Lottie

Tema de Halloween Pacote de Icon Animado

6 Animações Lottie

Fazenda Pacote de Icon Animado

10 Animações Lottie

Nossas ferramentas e biblioteca de Animação

Personalize e integre animações Lottie com facilidade

SVG para Lottie

Converta facilmente ícones e ilustrações SVG para Lottie

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.