Background
Background
Background
Background

Edite y personalice fácilmente las animaciones Lottie

Nuestro editor web le permite editar, modificar y personalizar su Lottie. Hacer cambios en cualquier momento nunca había sido tan fácil y divertido.

Ver el vídeo

Seleccionar. Editar. Guardar.

Ahora es más fácil que nunca seleccionar capas de animación, realizar ediciones y guardar distintas versiones de su animación.

Potente selección de capas

Seleccione las capas de animación en el lienzo y reordénelas como desee con el panel de capas mejorado.

Sea creativo con los colores

Cambie los colores de las capas y dé a su animación un nuevo y colorido aspecto.

Haga clic para cambiar el color

Change animation layer colors
Change animation layer colors

Oculte y elimine las capas no deseadas

Ponga las capas delante o detrás, borre las capas que no necesite. Oculte lo que no quiera mostrar.

Más de millones de diseñadores y desarrolladores de más de empresas confían en nosotros.

Más de millones de diseñadores y desarrolladores de más de empresas confían en nosotros.

Más de millones de diseñadores y desarrolladores de más de empresas confían en nosotros.

Más de millones de diseñadores y desarrolladores de más de empresas confían en nosotros.

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

Cambie el texto y sustituya las capas de imagen en sus animaciones para un nivel de personalización aún más profundo.

Modo de rayos X para una selección avanzada

Active el modo de rayos X para obtener una vista de contorno que le ayudará a inspeccionar y seleccionar capas profundamente anidadas.

Bounding box
Transparency grid
X-ray view
Background color

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Seleccione la capa a la que desea asignar el valor, abra la sección de atributos y añada un identificador (clase(s) o id). Los identificadores y las clases pueden seleccionarse mediante CSS o JavaScript cuando se visualizan en una página web.

Personalice las animaciones como nunca

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

Cambie el texto y sustituya las capas de imagen en sus animaciones para un nivel de personalización aún más profundo.

Modo de rayos X para una selección avanzada

Active el modo de rayos X para obtener una vista de contorno que le ayudará a inspeccionar y seleccionar capas profundamente anidadas.

Bounding box
Transparency grid
X-ray view
Background color

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Seleccione la capa a la que desea asignar el valor, abra la sección de atributos y añada un identificador (clase(s) o id). Los identificadores y las clases pueden seleccionarse mediante CSS o JavaScript cuando se visualizan en una página web.

Personalice las animaciones como nunca

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

Cambie el texto y sustituya las capas de imagen en sus animaciones para un nivel de personalización aún más profundo.

Modo de rayos X para una selección avanzada

Active el modo de rayos X para obtener una vista de contorno que le ayudará a inspeccionar y seleccionar capas profundamente anidadas.

Bounding box
Transparency grid
X-ray view
Background color

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Seleccione la capa a la que desea asignar el valor, abra la sección de atributos y añada un identificador (clase(s) o id). Los identificadores y las clases pueden seleccionarse mediante CSS o JavaScript cuando se visualizan en una página web.

Personalice las animaciones como nunca

Reordenación intuitiva de capas

Dé un nuevo giro a las animaciones reordenando las capas de forma fácil e intuitiva.

¿Por qué no puedo editar el texto de una animación?

Cambie el texto y sustituya las capas de imagen en sus animaciones para un nivel de personalización aún más profundo.

Modo de rayos X para una selección avanzada

Active el modo de rayos X para obtener una vista de contorno que le ayudará a inspeccionar y seleccionar capas profundamente anidadas.

Bounding box
Transparency grid
X-ray view
Background color

Haga clic para probar estos modos de visualización

Capas de destino con nombres y etiquetas

Seleccione la capa a la que desea asignar el valor, abra la sección de atributos y añada un identificador (clase(s) o id). Los identificadores y las clases pueden seleccionarse mediante CSS o JavaScript cuando se visualizan en una página web.

Personalice las animaciones como nunca

Lienzo de movimiento y editor ahora disponibles en su aplicación móvil

Lienzo de movimiento y editor ahora disponibles en su aplicación móvil

¿Quiere una manera más fácil de personalizar animaciones en cualquier lugar? La aplicación móvil LottieFiles ofrece un editor de movimiento, plantillas, stickers y mucho más.

Motion editor, templates and stickers on the LottieFiles mobile app
Motion editor, templates and stickers on the LottieFiles mobile app
Motion editor, templates and stickers on the LottieFiles mobile app

Preguntas Frecuentes

Preguntas Frecuentes

¿Qué es Lottie Editor?

Lottie Editor facilita la edición de animaciones Lottie sin tener que navegar por el código o incluso volver a los archivos de origen. Usando Lottie Editor, usted puede rápidamente hacer ediciones menores, cambiar colores así como optimizar y ocultar capas. Una vez que haya realizado los cambios puede implementar sus animaciones a través de sus aplicaciones utilizando las bibliotecas móviles Lottie, en la web utilizando nuestro reproductor web y en Webflow para crear interacciones de gran alcance.

¿Qué hay de nuevo en Lottie Editor?

¿Cuál es la diferencia entre colores únicos y todos los colores?

¿Cómo añado etiquetas de identificación y clases a las capas?

¿Por qué no puedo editar el texto de una animación?

Crear movimiento de manera fácil

Motion design made easy

Crear

Colaborar

Implementar

Crear movimiento de manera fácil

Crear

Create animation

Colaborar

Collaborate

Implementar

Implement
Company logos

Las mejores aplicaciones del mundo son #BuiltWithLottie

Las aplicaciones más descargadas hoy en día utilizan Lottie para destacar sus productos, mejorar su estética y atraer a los usuarios.

Ver todos los showcases

A los equipos de diseño les encanta LottieFiles

Logo - LottieFiles showcas

LottieFiles ha alargado mi carrera diez años.

Anibal Koliren

Director de animación en DisneyNow

Logo - LottieFiles showcas

LottieFiles ha alargado mi carrera diez años.

Anibal Koliren

Director de animación en DisneyNow

Logo - LottieFiles showcas

Lottie se integra perfectamente en mi proceso de trabajo, ocupa poco espacio y puedo compartir ideas con mis equipos rápidamente.

Brian Lee

Animador experto en Headspace

Logo - LottieFiles showcas

Lottie se integra perfectamente en mi proceso de trabajo, ocupa poco espacio y puedo compartir ideas con mis equipos rápidamente.

Brian Lee

Animador experto en Headspace

Logo - LottieFiles showcas

Lottie se integra perfectamente en mi proceso de trabajo, ocupa poco espacio y puedo compartir ideas con mis equipos rápidamente.

Brian Lee

Animador experto en Headspace

Logo - LottieFiles showcas

LottieFiles está perfectamente integrado en todos nuestros productos y servicios para que la sensación de personalización sea la adecuada.

Vinu Remesan

Director de diseño de animaciones en Gojek

Logo - LottieFiles showcas

LottieFiles está perfectamente integrado en todos nuestros productos y servicios para que la sensación de personalización sea la adecuada.

Vinu Remesan

Director de diseño de animaciones en Gojek

Logo - LottieFiles showcas

LottieFiles está perfectamente integrado en todos nuestros productos y servicios para que la sensación de personalización sea la adecuada.

Vinu Remesan

Director de diseño de animaciones en Gojek

Crear. Colaborar. Compartir.

Lleve el movimiento a sus diseños cotidianos sin esfuerzo.

Lleve el movimiento a sus diseños cotidianos sin esfuerzo.