Libre
Ouvrir l’éditeur

Animez vos créations Figma

Dessinez dans Figma et ajoutez le mouvement dans Libre. Copiez vos vecteurs, posez des images clés et téléchargez un fichier Lottie. Ce procédé ne nécessite aucun plugin.

Animer une création Figma

Édition et export gratuits. Aucun compte nécessaire.

L’éditeur et la documentation sont en anglais.

Copiez, animez, exportez

  1. Copiez votre création

    Dans Figma, sélectionnez les formes à animer et copiez-les. Commencez par une petite sélection pour vérifier facilement le résultat.

  2. Collez dans Libre

    Ouvrez Studio, choisissez New animation et collez avec Command+V ou Ctrl+V. Si le résultat est incorrect, utilisez Copy as SVG dans Figma et collez cette version.

  3. Créez le mouvement

    Sélectionnez un calque et cliquez sur le losange à côté d’une propriété, par exemple Position. Avancez la tête de lecture et changez la valeur pour créer l’image clé suivante. La barre d’espace lance l’aperçu.

  4. Exportez l’animation

    Choisissez Export et vérifiez l’aperçu Lottie. Téléchargez Lottie JSON ou dotLottie, puis testez le fichier dans le lecteur prévu.

Ce qui est repris de Figma

  • Les éléments vectoriels compatibles sont importés. Les transitions Smart Animate et les interactions du prototype ne sont pas transférées : créez le mouvement dans Libre.
  • Si la création change à l’import, essayez une sélection plus petite ou convertissez d’abord les éléments en tracés vectoriels.

Envie d’essayer d’abord ? Ouvrez l’exemple modifiable Success.