+
Figma à Lottie:
Apportez du mouvement à Figma
Convertissez facilement vos designs ou prototypes en animations Lottie prêtes pour la production avec la fonction Figma to Lottie. Utilisez LottieFiles pour le mode Développeur Figma afin d'obtenir des codes d'intégration et des liens d'actifs directement dans l'outil et transmettez les fichiers sans tracas.
7,9k j'aime
603k installations
Exportez vos designs Figma en tant qu'animations Lottie et utilisez-les sur vos sites web ou applications. Accédez instantanément à la plus grande bibliothèque d'animations Lottie au monde depuis Figma.
Quoi de neuf
Animations prêtes pour la production sur Figma
Créez des animations Lottie prêtes pour la production
La fonctionnalité Figma vers Lottie vous permet de créer facilement des animations captivantes dans Figma et de les exporter au format Lottie. Choisissez entre l'utilisation de préréglages animés ou la connexion de plusieurs images clés pour créer vos animations.
Activation automatique des liens d'actifs
Oubliez la contrainte de basculement entre votre espace de travail et les maquettes Figma. Les liens d'actifs d'animation de l'espace de travail sont automatiquement activés lorsqu'ils sont insérés via LottieFiles pour Figma.
🎉 Nouveau
Aperçu complet des animations
Vous pourrez prévisualiser vos animations sélectionnées en pleine action, ce qui vous donnera une assez bonne idée de leur apparence et de leur comportement une fois qu'elles seront expédiées.
🎉 Nouveau
Animations de navires en tant que dotLottie ou Lottie JSON optimisé
Vous pouvez choisir d'expédier vos animations dans les formats Optimized dotLottie ou Lottie JSON, garantissant que vos fichiers sont super petits et se chargeront en un clin d'œil.
🎉 Nouveau
Animations premium
Accédez à plus de 400 00 animations premium exclusives et entièrement personnalisables dans Figma pour créer des produits époustouflants que vos utilisateurs adoreront.
Des animations pour chaque industrie et cas d'utilisation imaginable
Recherchez plus de 100 000 animations Lottie prêtes à l'emploi et gratuites depuis notre plugin Figma. Toutes les animations peuvent être utilisées à des fins personnelles et commerciales.
Concevoir des prototypes comme des produits finaux
Ajoutez des animations Lottie à vos prototypes Figma et présentez la version la plus réaliste et engageante de vos designs à vos parties prenantes. Communiquez efficacement avec le mouvement et éliminez les conjectures.
Lottie Autocollants pour FigJam
Rendez vos sessions de remue-méninges, d'idéation et de collaboration FigJam plus amusantes et excitantes avec un accès direct à plus de 100 000 autocollants Lottie gratuits et plus de 400 000 autocollants premium.
Accédez à vos fichiers privés et à la bibliothèque d'animation de votre équipe
Vous pouvez maintenant insérer vos fichiers privés et intégrer la bibliothèque partagée de votre équipe à vos designs Figma pour un flux de travail plus efficace et collaboratif.
Personnalisez les animations pour votre marque
Appliquez des palettes de couleurs populaires ou adaptez vos couleurs pour correspondre au style et à l'esthétique de votre marque.
LottieFiles pour Figma Dev Mode
NOUVEAU
Animations de navire rapidement et facilement
Accédez facilement aux liens d'actifs de vos animations et aux codes d'intégration générés automatiquement directement dans Figma et expédiez-les en un clin d'œil.
Prise en charge de VS Code
Les développeurs peuvent désormais accéder aux liens et codes des animations directement dans VS Code. Plus besoin de passer de Figma à VS Code !
Contrôles du joueur
Personnalisez les paramètres d'animation tels que le mode de lecture, la direction, la vitesse et plus encore, et générez son code d'intégration en quelques clics seulement.
Activation automatique des liens d'actifs
Oubliez la contrainte de basculement entre votre espace de travail et les maquettes Figma. Les liens d'actifs d'animation de l'espace de travail sont automatiquement activés lorsqu'ils sont insérés via LottieFiles pour Figma.
Aperçu complet des animations
Vous pourrez prévisualiser vos animations sélectionnées en pleine action, ce qui vous donnera une assez bonne idée de leur apparence et de leur comportement une fois qu'elles seront expédiées.
Animations de navires en tant que dotLottie ou Lottie JSON optimisé
Vous pouvez choisir d'expédier vos animations dans les formats Optimized dotLottie ou Lottie JSON, garantissant que vos fichiers sont super petits et se chargeront en un clin d'œil.
Commencez en 3 étapes simples
Rechercher ou créer votre propre
Recherchez des animations via l'onglet « Découvrir » « Espaces de travail ». Ou créez votre propre animation en utilisant l'onglet "Figma to Lottie".
Pour le plugin Dev Mode, sélectionnez une animation insérée à partir de l'un de vos espaces de travail pour commencer.
Insérez ou inspectez votre animation
Ouvrez, personnalisez et insérez votre animation en tant que GIF sur le canevas Figma.
Pour le plugin Mode Développeur, choisissez le format de fichier souhaité et copiez le lien de l'animation ou le code d'intégration automatiquement généré pour l'envoyer.
Apprenez tout sur la création d'animations dans Figma, et obtenez également une certification !
Ressources supplémentaires
Voici quelques inspirations pour vous aider à démarrer avec LottieFiles pour Figma.
Installer LottieFiles pour Figma
Commencez avec le plugin et toutes ses fonctionnalités gratuitement
7,9k J'aime
603k installations
