LottieFiles

+

Figma a Lottie:Da movimiento a Figma

Figma a Lottie:Da movimiento a Figma

Convierta fácilmente sus diseños o prototipos en animaciones Lottie listas para producción con la función Figma a Lottie. Utilice LottieFiles para el modo de desarrollo de Figma para obtener códigos de inserción y enlaces de activos directamente dentro de la herramienta y entregar archivos sin problemas.

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

Animaciones listas para producción en Figma

Over 500,000 free and premium, ready-to-use Lottie animations to get you started

Over 500,000 free and premium, ready-to-use Lottie animations to get you started

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

Descarga animaciones directamente a tu dispositivo

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

Animaciones premium

Engage your users with creative interactive effects

Loop

Hover

Click

Click

Comience en 3 simples pasos

Aquí tienes algunas inspiraciones para que puedas empezar con 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.

¡Aprende todo sobre cómo crear animaciones en Figma y también obtén la certificación!

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

¿Qué es un Lottie?

Un Lottie es un formato de archivo de animación basado en JSON que utiliza una representación textual y descriptiva de los elementos de la animación y el movimiento hacia un tamaño de archivo más pequeño, independencia de plataforma, independencia de resolución y velocidad de fotogramas variable durante la reproducción de la animación. Existes reproductores de Lottie de código abierto y gratuitos en la web, iOS, Android, Windows y otras plataformas.

¿Qué es un Lottie?

Un Lottie es un formato de archivo de animación basado en JSON que utiliza una representación textual y descriptiva de los elementos de la animación y el movimiento hacia un tamaño de archivo más pequeño, independencia de plataforma, independencia de resolución y velocidad de fotogramas variable durante la reproducción de la animación. Existes reproductores de Lottie de código abierto y gratuitos en la web, iOS, Android, Windows y otras plataformas.

¿Dónde puedo descargar el complemento LottieFiles para Figma?

¿Dónde puedo descargar el complemento LottieFiles para Figma?

¿Qué formatos admite el plugin para importar?

¿Qué formatos admite el plugin para importar?

¿Qué formatos admite el complemento para exportar?

¿Qué formatos admite el complemento para exportar?

¿Necesito iniciar sesión para usar el plugin?

¿Necesito iniciar sesión para usar el plugin?

¿Necesito una conexión a Internet para usar el complemento?

¿Necesito una conexión a Internet para usar el complemento?

¿El complemento LottieFiles para Figma admite el formato dotLottie?

¿El complemento LottieFiles para Figma admite el formato dotLottie?

¿La extensión de LottieFiles para Figma admite el formato GIF?

¿La extensión de LottieFiles para Figma admite el formato GIF?

¿Soporta LottieFiles para Figma el formato SVG?

¿Soporta LottieFiles para Figma el formato SVG?

¿Puedo acceder a mis Animaciones Privadas desde el complemento?

¿Puedo acceder a mis Animaciones Privadas desde el complemento?

Instalar LottieFiles para Figma

Comience con el complemento y todas sus funciones de forma gratuita