initClub · 1ère Communauté Webflow Francophone

Updated last week

Exporting Figma Designs as High-quality Animations

Hello !

J’ai préparé des visuels animés sur Figma, et j’aimerais bien exporté ces visuels en GIF ou MP4... J’ai tenté d’enregistrer mon écran, mais la qualité est SI mauvaise... Vous utilisez quels outils pour avoir un rendu HD ?
Merci !

O
C
B
6 comments

@Caroline Teulery pour des animations pas trop complexes tu peux utiliser Lottie Files et exporter en .json pour intégration. https://www.youtube.com/watch?v=mtmYqqbpUVs

Pour des animations plus complexes en HD je refais mon animation avec After Effect qui peut exporter également en .json https://www.youtube.com/watch?v=G9q53hqF8YM&t=10s

Pour transférer tes éléments Figma vers AE le plus simple est d’avoir Overlord. https://www.youtube.com/watch?v=Bw-ucrydyuw

Merci @Ouya Fabien Les visuels animés vont être utilisés pour des ads sur Meta et google, donc il me faut un process simple, qui exporte vraiment en GIF ou MP4 (le gars qui bosse avec moi va pas m’aimer du tout si je lui donne un .json ><

Tu as la possibilité d’exporter au format de ton choix avec la plateforme Lotties Files. D’où ma suggestion… Mais il te faut un abonnement payant pour la HDef.

Attachment
Capture d’écran 2025-02-25 à 15.18.19.png

Hello Caroline,

En logiciel facile d'accès tu as Jitter qui est super et qui exporte en gif et MP4 (payant pour la HD également).

Sinon pour enregistrer l'écran j'utilise Cleanshot X et la qualité est très bien mais ne convient peut-être pas pour ton rendu souhaité

Add a reply
Sign up and join the conversation on Slack