Become a
certified expert

with

LottieFiles for Framer
certification

Become a
certified expert

with

LottieFiles for Framer
certification

LottieFiles

+

Figma zu Lottie:Bewegung in Figma bringen

Figma zu Lottie:Bewegung in Figma bringen

Konvertieren Sie Ihre Entwürfe oder Prototypen mühelos mit der Funktion 'Figma to Lottie' in produktionsbereite Lottie-Animationen. Verwenden Sie LottieFiles für Figma Dev Mode, um Einbettungscodes und Asset-Links direkt innerhalb des Tools zu erhalten und Dateien ohne Umstände zu übergeben.

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

Produktionsbereite Animationen auf Figma

AI Aufforderung zum Vektor

AI Aufforderung zum Vektor

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

Laden Sie Animationen direkt auf Ihr Gerät herunter

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

Premium Animationen

Auf Figma installieren

Engage your users with creative interactive effects

Loop

Hover

Click

Click

Starten Sie in 3 einfachen Schritten

Hier sind einige Inspirationen für Sie, um mit LottieFiles für Figma zu beginnen.

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.

Zusätzliche Ressourcen

Hier sind einige Inspirationen für Sie, um mit LottieFiles für Figma zu beginnen.

5 Ways to Make Your Framer Website Pop with Lottie Animations

5 Ways to Make Your Framer Website Pop with Lottie Animations

5 Minuten Lesezeit

5 Ways to Make Your Framer Website Pop with Lottie Animations

5 Ways to Make Your Framer Website Pop with Lottie Animations

5 Minuten Lesezeit

Brücke zwischen Designern und Entwicklern mit LottieFiles für Figma Dev Mode

Bridging Designers and Developers with LottieFiles for Figma Dev Mode

4 Min lesen

Brücke zwischen Designern und Entwicklern mit LottieFiles für Figma Dev Mode

Bridging Designers and Developers with LottieFiles for Figma Dev Mode

4 Min lesen

Examples of UI/UX Animation in Website Design

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

4 Min lesen

Examples of UI/UX Animation in Website Design

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

4 Min lesen

How to add Lottie JSON and dotLottie animation files on Framer

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

3 Minuten Lesezeit

How to add Lottie JSON and dotLottie animation files on Framer

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

3 Minuten Lesezeit

Erfahren Sie alles über die Erstellung von Animationen in Figma und lassen Sie sich zertifizieren!

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

Was ist ein Lottie?

Ein Lottie ist ein auf JSON basierendes Animationsdateiformat, das eine textuelle, beschreibende Darstellung der Animationslemente und Bewegungen verwendet, um eine kleinere Dateigröße, Plattformunabhängigkeit, Auflösungsunabhängigkeit und eine variable Bildrate während der Animationswiedergabe zu erreichen. Open-Source- und kostenlose Lottie-Player existieren im Web, auf iOS, Android, Windows und anderen Plattformen.

Was ist ein Lottie?

Ein Lottie ist ein auf JSON basierendes Animationsdateiformat, das eine textuelle, beschreibende Darstellung der Animationslemente und Bewegungen verwendet, um eine kleinere Dateigröße, Plattformunabhängigkeit, Auflösungsunabhängigkeit und eine variable Bildrate während der Animationswiedergabe zu erreichen. Open-Source- und kostenlose Lottie-Player existieren im Web, auf iOS, Android, Windows und anderen Plattformen.

Wo kann ich das LottieFiles für Figma-Plugin herunterladen?

Wo kann ich das LottieFiles für Figma-Plugin herunterladen?

Welche Formate unterstützt das Plugin beim Importieren?

Welche Formate unterstützt das Plugin beim Importieren?

Welche Formate unterstützt das Plugin beim Exportieren?

Welche Formate unterstützt das Plugin beim Exportieren?

Muss ich mich anmelden, um das Plugin zu verwenden?

Muss ich mich anmelden, um das Plugin zu verwenden?

Benötige ich eine Internetverbindung, um das Plugin zu verwenden?

Benötige ich eine Internetverbindung, um das Plugin zu verwenden?

Unterstützt das LottieFiles for Figma-Plugin das dotLottie-Format?

Unterstützt das LottieFiles for Figma-Plugin das dotLottie-Format?

Unterstützt das LottieFiles für Figma-Plugin das GIF-Format?

Unterstützt das LottieFiles für Figma-Plugin das GIF-Format?

Unterstützt LottieFiles für Figma das SVG-Format?

Unterstützt LottieFiles für Figma das SVG-Format?

Kann ich auf meine privaten Animationen aus dem Plugin zugreifen?

Kann ich auf meine privaten Animationen aus dem Plugin zugreifen?

Schau dir unsere Supportseite für weitere Informationen an

Installieren Sie LottieFiles für Figma

Starten Sie mit dem Plugin und allen seinen Funktionen kostenlos