Become a
certified expert

with

LottieFiles for Framer
certification

Become a
certified expert

with

LottieFiles for Framer
certification

LottieFiles

+

Figma para Lottie:Adicione movimento ao Figma

Figma para Lottie:Adicione movimento ao Figma

Converta facilmente seus designs ou protótipos em animações Lottie prontas para produção com a funcionalidade Figma para Lottie. Use LottieFiles for Figma Dev Mode para obter códigos de incorporação e links de ativos diretamente na ferramenta e entregar arquivos sem complicação.

Trusted by over million users and companies worldwide.

  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon
  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon

Animações prontas para produção no Figma

AI Prompt ao Vetor

AI Prompt ao Vetor

Over 500,000 free and premium, ready-to-use Lottie animations to get you started
Access your team's private animations and insert them directly on Framer
Access your team's private animations and insert them directly on Framer

Access your team's private animations and insert them directly on Framer

Advanced dotLottie player for more granular control
Advanced dotLottie player for more granular control

Advanced dotLottie player for more granular control

Customize to your brand and aesthetic with personalized color palettes
Customize to your brand and aesthetic with personalized color palettes

Descarregar animações diretamente para o seu dispositivo

Add interactivity using Framer’s native features
Add interactivity using Framer’s native features

Animações de alta qualidade

Instalar no Figma

Engage your users with creative interactive effects

Loop

Hover

Click

Click

Comece em 3 passos simples

Aqui estão algumas inspirações para você começar com LottieFiles para Figma.

Get started in 3 simple steps

Step 1

Launch the plugin

Find and open the LottieFiles for Framer plugin in your project.

Step 2

Search for an animation

Search for a Lottie animation using the ‘Discover’ or ‘Workspaces’ tabs.

Step 3

Insert the animation

Insert the animation into your Framer sites. You can customize the animation’s colors or add interactivity.

Recursos adicionais

Aqui estão algumas inspirações para você começar com LottieFiles para Figma.

5 Ways to Make Your Framer Website Pop with Lottie Animations

Creating Complex Lottie Animations on Figma Using Components

5 minutos de leitura

5 Ways to Make Your Framer Website Pop with Lottie Animations

Creating Complex Lottie Animations on Figma Using Components

5 minutos de leitura

10 Design Trends Revolutionized the Web Landscape

Interligando Designers e Desenvolvedores com LottieFiles para Figma Dev Mode

4 minutos de leitura

10 Design Trends Revolutionized the Web Landscape

Interligando Designers e Desenvolvedores com LottieFiles para Figma Dev Mode

4 minutos de leitura

Examples of UI/UX Animation in Website Design

How to Create Production-Ready Lottie Animations with Figma to Lottie

4 minutos de leitura

Examples of UI/UX Animation in Website Design

How to Create Production-Ready Lottie Animations with Figma to Lottie

4 minutos de leitura

How to add Lottie JSON and dotLottie animation files on Framer

Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles

3 minutos de leitura

How to add Lottie JSON and dotLottie animation files on Framer

Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles

3 minutos de leitura

Aprenda tudo sobre criar animações no Figma, e ainda obtenha uma certificação também!

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim, Lead Motion Designer at Airbnb

Salih Abdul-Karim

Lead Motion Designer at Airbnb

Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson, Product Marketing at Webflow

Barrett Johnson

Product Marketing at Webflow

Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash, Product Design Manager at Swiggy

Saptarshi Prakash

Product Design Manager at Swiggy

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim, Lead Motion Designer at Airbnb

Salih Abdul-Karim

Lead Motion Designer at Airbnb

Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson, Product Marketing at Webflow

Barrett Johnson

Product Marketing at Webflow

Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash, Product Design Manager at Swiggy

Saptarshi Prakash

Product Design Manager at Swiggy

FAQs

O que é um Lottie?

Um Lottie é um formato de arquivo de animação baseado em JSON que utiliza uma representação textual e descritiva dos elementos da animação e movimento com o objetivo de obter um tamanho de arquivo menor, independência de plataforma, independência de resolução e taxa de quadros variável durante a reprodução da animação. Existem players Lottie de código aberto e gratuitos na Web, iOS, Android, Windows e outras plataformas.

O que é um Lottie?

Um Lottie é um formato de arquivo de animação baseado em JSON que utiliza uma representação textual e descritiva dos elementos da animação e movimento com o objetivo de obter um tamanho de arquivo menor, independência de plataforma, independência de resolução e taxa de quadros variável durante a reprodução da animação. Existem players Lottie de código aberto e gratuitos na Web, iOS, Android, Windows e outras plataformas.

Onde posso baixar o plugin LottieFiles para Figma?

Onde posso baixar o plugin LottieFiles para Figma?

Que formatos suporta o plugin para importação?

Que formatos suporta o plugin para importação?

Que formatos suporta o plugin para exportação?

Que formatos suporta o plugin para exportação?

Preciso de fazer login para usar o plugin?

Preciso de fazer login para usar o plugin?

Preciso de uma conexão à internet para usar o plugin?

Preciso de uma conexão à internet para usar o plugin?

O plugin LottieFiles for Figma suporta o formato dotLottie?

O plugin LottieFiles for Figma suporta o formato dotLottie?

O plugin LottieFiles for Figma suporta o formato GIF?

O plugin LottieFiles for Figma suporta o formato GIF?

O LottieFiles for Figma suporta o formato SVG?

O LottieFiles for Figma suporta o formato SVG?

Posso aceder às minhas Animações Privadas a partir do plugin?

Posso aceder às minhas Animações Privadas a partir do plugin?

Confira a nossa página de suporte para mais informações

Instalar LottieFiles para Figma

Comece a usar o plugin e todos os seus recursos gratuitamente