Background
Background
Background

+

Webflow logo

Cree sitios web interactivos sin tener que programar con Webflow y Lottie

Lottie para Webflow le permite crear sitios web interactivos sin tener que programar. Arrastre y suelte con facilidad más de 50 mil animaciones Lottie gratuitas; no necesita tener experiencia en programación - LottieFiles

Beneficios clave

Soporte nativo para Lottie

Use directamente animaciones Lottie creadas en sus herramientas de diseño favoritas o descargadas desde las amplias bibliotecas de LottieFiles.

Native Lottie Support
Native Lottie Support
Native Lottie Support
Native Lottie Support
Trigger-based animations
Trigger-based animations
Trigger-based animations

Animaciones activadas por eventos

Paralaje, avance o revelación… sorprenda a sus usuarios al sincronizar la reproducción de las animaciones con las acciones de los mismos.

Sin una sola línea de código

Construya sorprendentes blogs, portafolios y más, y dótelos de movimiento, sin usar una sola línea de código.

Zero lines of code
Zero lines of code
Zero lines of code

¿Por qué usar animaciones Lottie?

Faster page load speeds
Faster page load speeds
Faster page load speeds
Faster page load speeds

Velocidades de carga de página más rápidas

Las animaciones Lottie son 600 % más pequeñas que los GIF. Esto significa que puede animar su sitio web sin tener que ralentizarlo.

Stays sharp at any resolution
Stays sharp at any resolution
Stays sharp at any resolution
Stays sharp at any resolution

Mantienen la nitidez a cualquier resolución

Las animaciones Lottie se pueden agrandar o reducir de tamaño sin pixelarse. Siempre se ven nítidas, sin importar su tamaño.

Fits your brand’s visual identity
Fits your brand’s visual identity
Fits your brand’s visual identity
Fits your brand’s visual identity

Se adaptan a la identidad visual de su marca

Personalice las animaciones Lottie para que se adapten a cualquier identidad de marca. Esto se hace rápido y fácil con el Editor Lottie gratuito.

Comience con tres sencillos pasos

Step 1
Step 1
Step 1

Obtenga una animación Lottie

Cree su animación en Adobe After Effects y expórtela como animación Lottie con el plugin de LottieFiles para Adobe After Effects. O tan solo descargue su animación Lottie favorita desde LottieFiles.

Step 2
Step 2
Step 2

Súbala a Webflow

Arrástrela y suéltela o haga clic en en el botón de cargar para insertar su animación Lottie elegida en Webflow. Podrá ubicar la animación en la cuadrícula para que se ajuste mejor a la estética de su página web.

Step 3
Step 3
Step 3

Configure un disparador

Establezca un disparador para que se reproduzcan sus animaciones. Elija qué será lo que activará la magia del movimiento en sus diseños: un clic, un desplazamiento, el pasar el cursor sobre la imagen o más. Capture la atención del usuario con microinteracciones.

Animaciones Lottie para usted

Comience a crear sus sitios web con Webflow de forma rápida.