Exporter des animations Figma en code ?

Regardez Exporter des animations Figma en code ? - Basti Ui sur Dailymotion

Transcript

00:00 C'est incroyable, je pense que je vais utiliser cet outil tous les jours.

00:03 Car oui, c'est aujourd'hui possible d'exporter des animations faites sous Figma

00:07 pour les utiliser ensuite sur son site web, son appli Android ou iPhone.

00:11 Comment ? Regardez.

00:12 Je crée une animation directement avec les outils de prototypage de Figma.

00:15 Ici par exemple, je mets des transitions automatiques entre mes plans de travail

00:19 et je crée une jolie bulle de saisie animée.

00:21 Je teste mon animation dans Figma en appuyant sur Play.

00:24 Tout fonctionne, il est temps de l'exporter.

00:26 Je lance le plugin et je sélectionne mon flot de prototypes

00:29 et j'appuie sur Export.

00:31 Mon animation a été exportée.

00:33 Je peux la tester en ligne, je peux également l'inspecter

00:36 si je suis développeur pour voir les détails de l'animation.

00:39 Je peux même la modifier.

00:40 Ici, je change les couleurs et je retire donc le fond blanc.

00:43 Mais surtout, je peux l'exporter en vidéo MP4,

00:46 vidéo transparente WebM, en GIF animé, mais aussi et surtout en Lottie.

00:52 Lottie, pour ceux qui ne connaissent pas,

00:53 c'est du code que l'on peut utiliser directement sur son site web

00:57 ou son application iPhone, Android.

00:59 Le plugin s'appelle Aninix et franchement, je trouve que...