Become a
certified expert

with

LottieFiles for Framer
certification

Become a
certified expert

with

LottieFiles for Framer
certification

LottieFiles

+

Figma à Lottie:Apportez du mouvement à Figma

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.

Trusted by over million users and companies worldwide.

  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon
  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon

Animations prêtes pour la production sur Figma

Activation automatique des liens d'actifs

Activation automatique des liens d'actifs

Over 500,000 free and premium, ready-to-use Lottie animations to get you started
Access your team's private animations and insert them directly on Framer
Access your team's private animations and insert them directly on Framer

Access your team's private animations and insert them directly on Framer

Advanced dotLottie player for more granular control
Advanced dotLottie player for more granular control

Advanced dotLottie player for more granular control

Customize to your brand and aesthetic with personalized color palettes
Customize to your brand and aesthetic with personalized color palettes

Animations de navires en tant que dotLottie ou Lottie JSON optimisé

Add interactivity using Framer’s native features
Add interactivity using Framer’s native features

Animations premium

Installer sur Figma

Engage your users with creative interactive effects

Loop

Hover

Click

Click

Commencez en 3 étapes simples

Voici quelques inspirations pour vous aider à démarrer avec LottieFiles pour Figma.

Get started in 3 simple steps

Step 1

Launch the plugin

Find and open the LottieFiles for Framer plugin in your project.

Step 2

Search for an animation

Search for a Lottie animation using the ‘Discover’ or ‘Workspaces’ tabs.

Step 3

Insert the animation

Insert the animation into your Framer sites. You can customize the animation’s colors or add interactivity.

Ressources supplémentaires

Voici quelques inspirations pour vous aider à démarrer avec LottieFiles pour Figma.

5 Ways to Make Your Framer Website Pop with Lottie Animations

Creating Complex Lottie Animations on Figma Using Components

5 min de lecture

5 Ways to Make Your Framer Website Pop with Lottie Animations

Creating Complex Lottie Animations on Figma Using Components

5 min de lecture

Création de ponts entre les designers et les développeurs avec LottieFiles pour Figma Dev Mode

Bridging Designers and Developers with LottieFiles for Figma Dev Mode

4 min de lecture

Création de ponts entre les designers et les développeurs avec LottieFiles pour Figma Dev Mode

Bridging Designers and Developers with LottieFiles for Figma Dev Mode

4 min de lecture

Examples of UI/UX Animation in Website Design

How to Create Production-Ready Lottie Animations with Figma to Lottie

4 min de lecture

Examples of UI/UX Animation in Website Design

How to Create Production-Ready Lottie Animations with Figma to Lottie

4 min de lecture

How to add Lottie JSON and dotLottie animation files on Framer

Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles

3 min de lecture

How to add Lottie JSON and dotLottie animation files on Framer

Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles

3 min de lecture

Apprenez tout sur la création d'animations dans Figma, et obtenez également une certification !

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim, Lead Motion Designer at Airbnb

Salih Abdul-Karim

Lead Motion Designer at Airbnb

Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson, Product Marketing at Webflow

Barrett Johnson

Product Marketing at Webflow

Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash, Product Design Manager at Swiggy

Saptarshi Prakash

Product Design Manager at Swiggy

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim, Lead Motion Designer at Airbnb

Salih Abdul-Karim

Lead Motion Designer at Airbnb

Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson, Product Marketing at Webflow

Barrett Johnson

Product Marketing at Webflow

Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash, Product Design Manager at Swiggy

Saptarshi Prakash

Product Design Manager at Swiggy

FAQs

Qu'est-ce qu'un Lottie?

Un Lottie est un format de fichier d'animation basé sur JSON qui utilise une représentation textuelle et descriptive des éléments d'animation et de mouvement vers une taille de fichier plus petite, une indépendance de plateforme, une indépendance de résolution et un débit d'images variable lors de la lecture de l'animation. Des lecteurs Lottie open source et gratuits existent sur le Web, iOS, Android, Windows et d'autres plateformes.

Qu'est-ce qu'un Lottie?

Un Lottie est un format de fichier d'animation basé sur JSON qui utilise une représentation textuelle et descriptive des éléments d'animation et de mouvement vers une taille de fichier plus petite, une indépendance de plateforme, une indépendance de résolution et un débit d'images variable lors de la lecture de l'animation. Des lecteurs Lottie open source et gratuits existent sur le Web, iOS, Android, Windows et d'autres plateformes.

Où puis-je télécharger le plugin LottieFiles pour Figma ?

Où puis-je télécharger le plugin LottieFiles pour Figma ?

Quels formats le plugin prend-il en charge pour l'importation ?

Quels formats le plugin prend-il en charge pour l'importation ?

Quels formats le plugin prend-il en charge pour l'exportation ?

Quels formats le plugin prend-il en charge pour l'exportation ?

Dois-je me connecter pour utiliser le plugin?

Dois-je me connecter pour utiliser le plugin?

Ai-je besoin d'une connexion internet pour utiliser le plugin ?

Ai-je besoin d'une connexion internet pour utiliser le plugin ?

Le plugin LottieFiles for Figma prend-il en charge le format dotLottie?

Le plugin LottieFiles for Figma prend-il en charge le format dotLottie?

Le plugin LottieFiles pour Figma prend-il en charge le format GIF ?

Le plugin LottieFiles pour Figma prend-il en charge le format GIF ?

Est-ce que LottieFiles pour Figma supporte le format SVG?

Est-ce que LottieFiles pour Figma supporte le format SVG?

Puis-je accéder à mes animations privées à partir du plugin?

Puis-je accéder à mes animations privées à partir du plugin?

Consultez notre page de support pour en savoir plus

Installer LottieFiles pour Figma

Commencez avec le plugin et toutes ses fonctionnalités gratuitement