Lottie Vorschau & Optimierer

Vorschau, SVG kopieren/herunterladen, JSON optimieren und Lottie-Animationen lokal bearbeiten.

Ziehen Sie die Lottie-JSON-Datei hierher oder klicken Sie zum Hochladen

*.json (Lottie format)

Lottie-Animationen vorschauen und optimieren

Laden Sie Ihre Lottie-JSON-Datei hoch oder ziehen Sie sie hinein, um die Animationsvorschau im interaktiven Player zu laden.

Verwenden Sie die Registerkarte 'Ebenen & Assets', um Textelemente zu ändern oder Bildebenen direkt in der Animation zu ersetzen.

Wechseln Sie zur Registerkarte 'Diagnose & Komprimierung', konfigurieren Sie die Dezimalpräzision der Koordinaten und aktivieren Sie Optionen zum Entfernen von Metadaten, um die Datei zu komprimieren.

Klicken Sie auf 'JSON exportieren', um die optimierte Lottie-Datei zu speichern, oder kopieren Sie den SVG-Vektorcode des aktuellen Frames zur Verwendung in Figma.

Lottie-Tool FAQ

Wie reduziert die Lottie-Optimierung die Dateigröße?

Lottie-JSON-Dateien speichern oft eine übermäßige Dezimalpräzision für Koordinaten und Keyframe-Kurven. Durch das Abschneiden von Gleitkommazahlen auf 1 oder 2 Dezimalstellen und das Entfernen nutzloser Autoren-Metadaten kann die Dateigröße ohne sichtbare Auswirkungen um 30% bis 70% reduziert werden.

Kann ich Lottie-Textebenen ohne After Effects bearbeiten?

Ja. Der Editor analysiert bearbeitbare Textebenen. Sie können Texte ändern, Zeichenfolgen übersetzen oder eingebettete Bilder direkt im Browser ersetzen und die dynamischen Änderungen sofort vorschauen.

Wie verwende ich den kopierten SVG-Code in Figma?

Durch Klicken auf 'SVG-Code kopieren' wird der aktuelle Frame erfasst. Sie können ihn direkt in Figma einfügen (Cmd+V / Ctrl+V), woraufhin automatisch die entsprechenden Vektorebenen und -gruppen generiert werden.

🔗 Ähnliche Tools

JSON Formatter & Validator

JSON-Daten lokal im Browser formatieren, komprimieren und validieren.

Universal 40-in-1 Einheitenumrechner

Echtzeit-Einheitenumrechner für Physik, Entwicklung, Finanzen, Alltag, Ingenieurwesen, Zeit & Geo.

All-in-One Krypto-Suite

Unterstützt MD5, SHA-1/256/512, AES, DES, HMAC, Base64, URL, Hex, Unicode, HTML-Entity und Passwort-Generator.

JWT Debugger & Parser

Dekodieren, verifizieren und generieren Sie JSON Web Tokens lokal in Ihrem Browser. Unterstützt HS256, RS256, ES256, EdDSA und mehr.