Anima tus diseños de Figma
Dibuja en Figma y añade movimiento en Libre. Copia tus vectores, crea fotogramas clave y descarga un archivo Lottie. No necesitas un plugin para este proceso.
Animar diseños de FigmaEdición y exportación gratis. No necesitas una cuenta.
El editor y la documentación están en inglés.
Copia, anima y exporta
Copia tu diseño
Selecciona en Figma las formas que quieras animar y cópialas. Es más fácil empezar con una selección pequeña.
Pégalo en Libre
Abre Studio, elige New animation y pega con Command+V o Ctrl+V. Si la selección no se pega bien, usa Copy as SVG en Figma y pega esa versión.
Dale movimiento
Selecciona una capa y pulsa el rombo junto a una propiedad, como Position. Avanza el cabezal y cambia el valor para crear el siguiente fotograma clave. Pulsa la barra espaciadora para previsualizar.
Exporta tu animación
Pulsa Export y revisa la vista previa de Lottie. Descarga Lottie JSON o dotLottie y prueba el archivo en el reproductor donde lo vayas a usar.
Qué se importa de Figma
- Se importa el contenido vectorial compatible. Las transiciones Smart Animate y las interacciones de prototipos no se transfieren: el movimiento se crea en Libre.
- Si el diseño cambia al importarlo, prueba con una selección más pequeña o convierte primero los elementos en trazados vectoriales.
¿Quieres probar primero? Abre el ejemplo editable Success.