Libre
Abrir el editor

Convierte un SVG en una animación Lottie

Empieza con un icono, logotipo o ilustración SVG. Ábrelo en Libre, añade movimiento y descarga una animación Lottie. El editor y la exportación son gratuitos.

Animar un SVG

Edición y exportación gratis. No necesitas una cuenta.

El editor y la documentación están en inglés.

Del SVG a la animación

  1. Importa tu SVG

    Abre Studio y pulsa Import, o arrastra el SVG a una animación abierta. También puedes pegar código SVG. Si aparece una revisión de importación, comprueba el resultado y pulsa Insert.

  2. Elige qué se mueve

    Selecciona una capa. Al principio de la línea de tiempo, pulsa el rombo junto a Position para crear el primer fotograma clave.

  3. Añade movimiento

    Avanza el cabezal de reproducción y arrastra la capa a su siguiente posición. Pulsa la barra espaciadora para reproducir. Puedes animar la rotación, la escala y la opacidad del mismo modo.

  4. Descarga el Lottie

    Pulsa Export, revisa la vista previa de Lottie y descarga Lottie JSON o dotLottie. Guarda también una copia editable de Libre desde Document actions → Download source.

Antes de importar

  • Un SVG estático no se mueve hasta que añades fotogramas clave. Las animaciones SVG hechas con CSS, SMIL o JavaScript no se trasladan a la línea de tiempo.
  • Si una ilustración compleja cambia al importarla, simplifícala o convierte sus elementos en trazados en la aplicación original. Revisa el resultado antes de animarlo.

¿Quieres probar primero? Abre el ejemplo editable Success.