¿Qué es una animación Lottie?

Una <a href="https://lottiefiles.com/what-is-lottie" target="_blank" rel="nofollow">animación Lottie</a> es un formato de archivo de código abierto. Es un formato basado en Lottie JSON, que es ligero (alrededor de un 600 % más pequeño que los GIF), se puede editar fácilmente y funciona en casi cualquier plataforma

¿Qué puedo hacer con las animaciones Lottie?

Puedes utilizar las animaciones Lottie en tus diseños de aplicaciones web o móviles. También puedes agregarlas a plataformas como WordPress o Webflow, herramientas de diseño como Figma o Adobe XD, así como otras plataformas como Reddit o Notion. Puedes usarlas para crear mejores interfaces de usuario, contenido de mercadeo atractivo o simplemente para darle un poco de diversión a tu plataforma favorita.<br /><br />Así es como los líderes de la industria como Disney, Headspace y Duolingo utilizan las <a href="https://lottiefiles.com/showcase" target="_blank" rel="nofollow">animaciones Lottie.</a>

¿Dónde puedo encontrar animaciones Lottie gratuitas?

IconScout tiene un montón de <a href="https://iconscout.com/free-lottie-animations" target="_blank">animaciones Lottie gratuitas</a>, así como animaciones prémium a las que puedes acceder si tienes una <a href="https://iconscout.com/pricing" target="_blank" rel="nofollow">suscripción de acceso completo.</a> También puedes encontrar miles de animaciones Lottie gratuitas en <a href="https://lottiefiles.com/featured" target="_blank" rel="nofollow">LottieFiles.</a>

¿Cómo puedo crear una animación Lottie?

Puedes utilizar el complemento LottieFiles para Adobe After Effects para exportar tu proyecto como una animación Lottie. Pero si no sabes nada sobre diseño de movimiento, toma una imagen SVG estática y conviértela en una animación Lottie con la herramienta <a href="https://iconscout.com/converter/svg-to-lottie" target="_blank" rel="nofollow">SVG a Lottie.</a>

¿Cómo puedo editar las animaciones Lottie?

Puedes editar las animaciones Lottie con el <a href="https://lottiefiles.com/editor" target="_blank" rel="nofollow">Editor Lottie</a> gratuito: esta herramienta facilita la edición de las animaciones Lottie, incluso si no sabes nada sobre diseño de movimiento. Cambia los colores, dimensiones, velocidades de cuadro y más.

¿Cómo puedo utilizar las animaciones Lottie en HTML?

Puedes agregar fácilmente las animaciones Lottie a las páginas web con HTML y el reproductor web LottieFiles. Aquí se explica cómo <a href="https://lottiefiles.com/blog/working-with-lottie/how-to-add-lottie-animation-in-web-page-html/" target="_blank" rel="nofollow">generar automáticamente el código HTML</a> para las animaciones Lottie.

¿Cómo utilizo las animaciones Lottie en React u otras bibliotecas y marcos de JavaScript?

Hay un montón de bibliotecas de animaciones Lottie disponibles para bibliotecas y marcos de JavaScript como React, Svelte, Vue y Angular. Consulta la lista de <a href="https://github.com/LottieFiles/awesome-lottie" target="_blank" rel="nofollow">bibliotecas de las animaciones Lottie y su documentación aquí.</a>

¿Cómo se usa Lottie en Android e iOS?

Es posible implementar las animaciones de Lottie en las aplicaciones de tu celular utilizando bibliotecas para Android, React Native, Flutter, iOS y más. Mira la lista de <a href="https://github.com/LottieFiles/awesome-lottie" target="_blank" rel="nofollow">bibliotecas de Lottie para el celular y su documentación aquí</a>.

¿Cómo agrego animaciones de Lottie en Figma?

Descarga el <a href="https://iconscout.com/plugins/for-figma" target="_blank" rel="nofollow">complemento de IconScout para Figma</a>, el cual te permite arrastrar y soltar animaciones de Lottie en Figma como archivos GIF. También puedes usar el <a href="https://lottiefiles.com/plugins/figma" target="_blank" rel="nofollow">complemento de LottieFiles para Figma</a>.

¿Cómo agrego animaciones de Lottie en Canva?

Descarga el <a href="https://iconscout.com/plugins/iconscout-for-canva" target="_blank" rel="nofollow">complemento de IconScout para Canva</a>, el cual te permite arrastrar y soltar animaciones de Lottie en Canva como archivos GIF. También puedes descargar animaciones de Lottie desde LottieFiles para <a href="https://lottiefiles.com/blog/tips-and-tutorials/how-to-create-animated-canva-designs" target="_blank" rel="nofollow">usar en tus diseños de Canva</a>.

¿Cómo agrego animaciones de Lottie en Notion?

Puedes descargar animaciones de Lottie como archivos GIF y arrastrarlos y soltarlos en Notion. También puedes <a href="https://lottiefiles.com/blog/working-with-lottie/embed-lottie-animations-without-code" target="_blank" rel="nofollow">incrustar animaciones de LottieFiles en Notion</a> pegando un enlace incrustado.

¿Cómo agrego animaciones de Lottie en WordPress?

Descarga el <a href="https://lottiefiles.com/plugins/wordpress" target="_blank" rel="nofollow">complemento de LottieFiles para WordPress</a>, el cual te permite buscar e insertar un montón de animaciones de Lottie gratuitas. El complemento también te permite insertar cualquier animación de Lottie que hayas descargado de IconScout.

Obtén más de 781.000 animaciones Lottie gratuitas y prémium

Lleva la magia del movimiento a tus diseños. Accede a más de 781.000 animaciones Lottie, con 2.000 nuevas animaciones agregadas semanalmente. Descárgalas en formato Lottie JSON, dotLottie, GIF, AEP o MP4. Y aún mejor: puedes personalizar instantáneamente las animaciones para que se ajusten a tu paleta de colores.

Búsquedas populares:

Más de 7,9 millones de usuarios en todo el mundo confían en nosotros

Categorías de Lottie en tendencia

Business

159,507 Animaciones de Lottie

User Interface

60,520 Animaciones de Lottie

E-commerce and Shopping

426,622 Animaciones de Lottie

Payment

39,222 Animaciones de Lottie

Explora las animaciones de Lottie

Tendencias Animaciones de Lottie Paquetes

Ver todo

Escuela y educación Bundle de Animaciones Lottie

574 Animaciones de Lottie

Más de 100 iconos animados Bundle de Animaciones Lottie

262 Animaciones de Lottie

Cargando paquete de iconos animados de puntos Bundle de Animaciones Lottie

43 Animaciones de Lottie

Isometrico Bundle de Animaciones Lottie

2415 Animaciones de Lottie

Iconos de fuentes Bundle de Animaciones Lottie

98 Animaciones de Lottie

Animaciones Bundle de Animaciones Lottie

17487 Animaciones de Lottie

Negocio Bundle de Animaciones Lottie

20 Animaciones de Lottie

Unicons - Iconos animados Bundle de Animaciones Lottie

1215 Animaciones de Lottie

Bravo Bundle de Animaciones Lottie

140 Animaciones de Lottie

Contorno de color Bundle de Animaciones Lottie

626 Animaciones de Lottie

Profesionales azules Bundle de Animaciones Lottie

30 Animaciones de Lottie

Exclusivo de IconScout Bundle de Animaciones Lottie

611 Animaciones de Lottie

Popular Animaciones de Lottie Paquetes

30,305 Recursos

Ver todo

Free Espacio Paquete de Icon Animado

4 Animaciones de Lottie

Tecnología Paquete de Illustration Animado

40 Animaciones de Lottie

Free Diseño de páginas web Paquete de Illustration Animado

10 Animaciones de Lottie

Paquete de cuenta regresiva Paquete de Icon Animado

5 Animaciones de Lottie

Actividades de negocio Paquete de Illustration Animado

20 Animaciones de Lottie

Free Interfaz de usuario Paquete de Icon Animado

43 Animaciones de Lottie

Interfaz de usuario Vol 2 Paquete de Icon Animado

40 Animaciones de Lottie

Negocio Paquete de Illustration Animado

20 Animaciones de Lottie

Finanzas Paquete de Icon Animado

10 Animaciones de Lottie

IU esencial Paquete de Icon Animado

156 Animaciones de Lottie

Negocio Paquete de Icon Animado

8 Animaciones de Lottie

Robótica y automatización Paquete de Illustration Animado

5 Animaciones de Lottie

Presentado Animaciones de Lottie Paquetes

30,305 Recursos

Ver todo

Cargador de marcas de verificación Paquete de Icon Animado

10 Animaciones de Lottie

Compras Paquete de Icon Animado

30 Animaciones de Lottie

Belleza y cuidado de la piel Paquete de Icon Animado

49 Animaciones de Lottie

Nuevos emojis Paquete de Icon Animado

40 Animaciones de Lottie

Conjunto de garabatos femeninos Paquete de Icon Animado

45 Animaciones de Lottie

Saas Paquete de Illustration Animado

10 Animaciones de Lottie

Cintas Paquete de Icon Animado

16 Animaciones de Lottie

Paquete de morfismo de vidrio Paquete de Icon Animado

9 Animaciones de Lottie

Puesta en marcha Paquete de Icon Animado

25 Animaciones de Lottie

Descuento Paquete de Icon Animado

25 Animaciones de Lottie

Experiencia de compra en línea Paquete de Illustration Animado

6 Animaciones de Lottie

Finanzas Paquete de Icon Animado

24 Animaciones de Lottie

Exclusiva Animaciones de Lottie Paquetes

30,305 Recursos

Ver todo

Exitoso Paquete de Icon Animado

11 Animaciones de Lottie

Hecho Paquete de Icon Animado

6 Animaciones de Lottie

Interfaz de usuario de comentarios Paquete de Icon Animado

3 Animaciones de Lottie

Free Espacio Paquete de Icon Animado

4 Animaciones de Lottie

Free Negocio Paquete de Illustration Animado

10 Animaciones de Lottie

Confeti y felicitaciones Paquete de Icon Animado

8 Animaciones de Lottie

Paquete de morfismo de vidrio Paquete de Icon Animado

9 Animaciones de Lottie

Cargando Paquete de Icon Animado

27 Animaciones de Lottie

Gato Paquete de Illustration Animado

3 Animaciones de Lottie

Alertas y errores Paquete de Icon Animado

4 Animaciones de Lottie

Free Marca de éxito Paquete de Icon Animado

5 Animaciones de Lottie

Cargadores de IA Paquete de Icon Animado

6 Animaciones de Lottie

Gratis Animaciones de Lottie Paquetes

144 Recursos

Ver todo

Free Finanzas Paquete de Icon Animado

5 Animaciones de Lottie

Free Diseño de páginas web Paquete de Illustration Animado

10 Animaciones de Lottie

Free Sitio web Paquete de Illustration Animado

10 Animaciones de Lottie

Free Marca de éxito Paquete de Icon Animado

5 Animaciones de Lottie

Free Espacio Paquete de Icon Animado

4 Animaciones de Lottie

Free Publicidad digital Paquete de Illustration Animado

10 Animaciones de Lottie

Free Negocio Paquete de Illustration Animado

10 Animaciones de Lottie

Free Marketing empresarial Paquete de Illustration Animado

10 Animaciones de Lottie

Free Pago exitoso Paquete de Icon Animado

4 Animaciones de Lottie

Free Atención al cliente Paquete de Icon Animado

5 Animaciones de Lottie

Free Cargador dinámico Paquete de Icon Animado

10 Animaciones de Lottie

Free Cargando círculos y bolas Paquete de Icon Animado

5 Animaciones de Lottie

El último Animaciones de Lottie Paquetes

30,305 Recursos

Ver todo

Granja Paquete de Icon Animado

10 Animaciones de Lottie

Llegar tarde a la oficina Paquete de Icon Animado

25 Animaciones de Lottie

Felicidad Paquete de Icon Animado

25 Animaciones de Lottie

Medicina y atención sanitaria Paquete de Illustration Animado

50 Animaciones de Lottie

Coche circulando por la carretera Paquete de Illustration Animado

50 Animaciones de Lottie

Tema de Halloween Paquete de Icon Animado

6 Animaciones de Lottie

Felicidad Paquete de Icon Animado

25 Animaciones de Lottie

Básico Paquete de Icon Animado

37 Animaciones de Lottie

Señal Paquete de Icon Animado

32 Animaciones de Lottie

Periodismo Paquete de Icon Animado

25 Animaciones de Lottie

Calabaza de Halloween Paquete de Icon Animado

13 Animaciones de Lottie

Nube Paquete de Icon Animado

8 Animaciones de Lottie

Nuestras herramientas y biblioteca de Animación

Personaliza e integra animaciones de Lottie con facilidad

SVG a Lottie

Convierta fácilmente iconos e ilustraciones SVG a Lottie

Animar SVG

Editor de Lottie

Edita, añade un tema y configura interacciones para hacer tus animaciones dinámicas

Explorar el editor Lottie

Iconos animados

Más de 160.000 íconos animados de alta calidad para captar la atención de tus usuarios.

Explora iconos animados

Reproductor dotLottie

Reproductor Web de Lottie

Vista Previa de Lottie

Convertidor de Lottie

Ligera, escalable e interactiva

Formato que se adapta a toda tu experiencia digital.

600 % más pequeñas y diez veces más rápidas

Lottie es una alternativa compacta a las secuencias GIF y PNG. Su tamaño reducido acelera la carga.

Compatibilidad multiplataforma

Entregas fáciles de Lottie, ya que es compatible con Web, iOS o Android y más.

Escalable e interactiva

Lottie, basado en vectores, hace que la animación sea escalable sin pixelación y también editable.

Animación interactiva

La biblioteca de interactividad Lottie permite que las interacciones de animación brinden una experiencia de usuario más atractiva

Acceda a sus activos en sus herramientas de diseño favoritas

Obtenga cualquier activo de diseño sin dejar sus herramientas favoritas. IconScout tiene complementos e integraciones para plataformas populares de diseño y desarrollo.