+
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.
Exportieren Sie Ihre Figma-Designs als Lottie-Animationen und verwenden Sie sie auf Ihren Websites oder Apps. Erhalten Sie sofortigen Zugriff auf die weltweit größte Lottie-Animationsbibliothek innerhalb von Figma.
Was gibt's Neues
Produktionsbereite Animationen auf Figma
Erstellen Sie produktionsfertige Lottie-Animationen
Die Figma-to-Lottie-Funktion ermöglicht es Ihnen, mit Leichtigkeit fesselnde Animationen innerhalb von Figma zu erstellen und sie als Lottie zu exportieren. Wählen Sie zwischen der Verwendung von animierten Voreinstellungen oder dem Verbinden mehrerer Frames, um Ihre Animationen zu erstellen.
AI Aufforderung zum Vektor
Verwandeln Sie Textvorgaben in benutzerdefinierte SVG-Illustrationen und umgehen Sie die Suche nach perfekten Ressourcen. Nutzen Sie die KI-gestützte Gruppierung und Benennung von Ebenen, um Ihr Design sauber und organisiert zu halten.
🎉 Neu
Raster zu Vektor
Konvertieren Sie Rasterbilder wie PNGs und JPGs in vollständig bearbeitbare Vektoren und sagen Sie Tschüss zum manuellen Nachzeichnen. Verwenden Sie sie sofort in Ihren Designs oder nachdem Sie sie mit Figma zu Lottie animiert haben.
🎉 Neu
Laden Sie Animationen direkt auf Ihr Gerät herunter
Laden Sie Animationen als optimierte dotLottie/Lottie JSON, dotLottie oder Lottie JSON direkt auf Ihr Gerät herunter. Sie können sie auch als GIF, MP4, WebM oder MOV in mehreren Größen exportieren.
🎉 Neu
Premium Animationen
Greifen Sie auf über 400.000 exklusive und vollständig anpassbare Premium-Animationen innerhalb von Figma zu, um atemberaubende Produkte zu erstellen, die Ihre Benutzer lieben werden.
Animationen für jede erdenkliche Branche und jeden denkbaren Anwendungsfall
Suchen Sie über 100.000 kostenlose, sofort einsatzbereite Lottie-Animationen in unserem Figma-Plugin. Alle Animationen können für den persönlichen und kommerziellen Gebrauch verwendet werden.
Entwerfen Sie Prototypen genauso wie endgültige Produkte
Fügen Sie Lottie-Animationen zu Ihren Figma-Prototypen hinzu und präsentieren Sie die realistischste und ansprechendste Version Ihrer Designs Ihren Interessengruppen. Kommunizieren Sie effektiv mit Bewegung und beseitigen Sie das Rätselraten.
Lottie-Sticker für FigJam
Machen Sie Ihre FigJam Brainstorming-, Ideenfindungs- und Zusammenarbeitssitzungen mit direktem Zugriff auf 100.000+ kostenlose und 400.000+ Premium-Lottie-Aufkleber noch lustiger und aufregender.
Greifen Sie auf Ihre privaten Dateien und die Animationsbibliothek Ihres Teams zu
Sie können jetzt Ihre privaten Dateien einfügen und die gemeinsame Bibliothek Ihres Teams in Ihre Figma-Designs integrieren, um einen effizienteren und kollaborativeren Arbeitsablauf zu ermöglichen.
Animationen für Ihre Marke anpassen
Wenden Sie beliebte Farbpaletten an oder passen Sie Ihre Farben an, um Ihrem Markenstil und Ihrer Ästhetik zu entsprechen.
LottieFiles für Figma Entwicklermodus
NEU
Schiffanimationen schnell und bequem
Greifen Sie problemlos auf die Asset-Links Ihrer Animationen zu und erhalten Sie die automatisch generierten Einbettungscodes direkt in Figma, um sie im Handumdrehen zu versenden.
VS Code Unterstützung
Entwickler können jetzt Animations-Links und Codes direkt in VS Code zugreifen. Kein ständiges Hin- und Herschalten mehr zwischen Figma und VS Code!
Player Steuerung
Passen Sie Animations-Einstellungen wie Wiedergabemodus, Richtung, Geschwindigkeit und mehr an und generieren Sie den Einbettungscode mit nur wenigen Klicks.
Automatisches Aktivieren von Asset-Links
Vergessen Sie das lästige Umschalten zwischen Ihrem Arbeitsbereich und den Figma-Designs. Die Asset-Links von Arbeitsbereichsanimationen werden automatisch aktiviert, wenn sie über LottieFiles für Figma eingefügt werden.
Vollständige Vorschau der Animationen
Sie können Ihre ausgewählten Animationen in voller Bewegung vorab anzeigen, um eine ziemlich genaue Vorstellung davon zu bekommen, wie sie aussehen und sich verhalten werden, sobald sie veröffentlicht sind.
Schiffsanimationen als optimiertes dotLottie oder Lottie JSON
Sie können wählen, Ihre Animationen im optimierten dotLottie- oder Lottie JSON-Format zu versenden, um sicherzustellen, dass Ihre Dateien super winzig sind und blitzschnell geladen werden.
Starten Sie in 3 einfachen Schritten
Suchen oder erstellen Sie Ihre eigene
Suchen Sie nach Animationen über die Registerkarte „Entdecken“ der Arbeitsbereiche. Oder erstellen Sie Ihre eigene Animation mit der Registerkarte „Figma zu Lottie“.
Für das Plugin Dev Mode wählen Sie eine Animation aus einem Ihrer Arbeitsbereiche aus, um zu beginnen.
Fügen Sie Ihre Animation ein oder inspizieren Sie diese
Öffnen, personalisieren und fügen Sie Ihre Animation als GIF auf der Figma-Leinwand ein.
Für das Dev Mode-Plugin wählen Sie Ihr gewünschtes Dateiformat und kopieren Sie den Asset-Link der Animation oder den automatisch generierten Einbettungscode, um ihn zu versenden.
Erfahren Sie alles über die Erstellung von Animationen in Figma und lassen Sie sich zertifizieren!
Zusätzliche Ressourcen
Hier sind einige Inspirationen für Sie, um mit LottieFiles für Figma zu beginnen.
Installieren Sie LottieFiles für Figma
Starten Sie mit dem Plugin und allen seinen Funktionen kostenlos
