Lottielab (Magic Animator - now live)

Lottielab (Magic Animator - now live)

Lottielab · Bilder

Lottielab ist ein Web-Tool für Motion Design, mit dem Sie Lottie-Animationen erstellen und bearbeiten und auf iOS, Android und Web ausliefern.

Vorschau der Oberfläche von Lottielab (Magic Animator - now live)

Über Lottielab (Magic Animator - now live)

About

Was ist Lottielab

Lottielab ist eine Web-App, mit der Sie Lottie-Dateien bearbeiten und neue Lottie-Animationen erstellen, also das leichte Vektorformat, das Designer an Produktteams weitergeben. Es schließt die Lücke zwischen schwerer Motion-Software und den kleinen JSON-Dateien, die Apps tatsächlich laden. Sie importieren Assets aus Ihren Design-Tools oder starten auf einer leeren Fläche, animieren sie und exportieren Dateien, die nativ auf iOS, Android und im Web laufen. Als Lottie Animationssoftware ist das Tool auf dieses Format zugeschnitten, und Lottie für Produktteams steht im Mittelpunkt. Das Unternehmen nennt mehr als 500.000 Designer, die es nutzen, von Freelancern bis zu großen Konzernen.

Der Ansatz beruht auf Tempo und Übergabe, auf dem Weg vom Design zur Bewegung ohne Reibung. Lottie-Dateien bleiben klein und skalieren ohne Unschärfe, eignen sich also für Button-Zustände, Ladeanimationen, leere Screens und Onboarding-Grafiken, ohne das Gewicht von Video. Lottielab deckt dieses Format von Anfang bis Ende ab: Sie bearbeiten die Animation im Browser und erhalten eine Datei, die Entwickler direkt in ein Projekt legen. Die Grenzen liegen beim Umfang, denn es ist kein allgemeiner Videoeditor, und bei der Komplexität, denn Lottie kann nicht alles ausdrücken, was ein vollständiges Compositing-Tool leistet.

Die Preise haben zwei Stufen. Es gibt einen kostenlosen Tarif und einen kostenpflichtigen Pro-Tarif, der pro Editor abgerechnet wird.

Erste Schritte

  1. Registrieren Sie sich und öffnen Sie ein Projekt im Browser, ohne Installation
  2. Importieren Sie Assets aus Ihrem Design-Tool oder zeichnen Sie von Grund auf auf der Fläche
  3. Animieren Sie Ebenen mit Keyframes und Geschwindigkeitskurven und sehen Sie die Bewegung direkt
  4. Exportieren Sie nach Lottie oder als HD- und 4K-Video und teilen Sie die Datei mit Ihrem Team oder den Entwicklern

Produktinformationen

Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von Lottielab (Magic Animator - now live).

Kostenloser TarifJa
Bezahlte TarifePro, per editor / month billed annually
PlattformWeb (browser-based)
EntwicklerLottielab
KategorieBilder
VeröffentlichungsdatumJan 2021
Zuletzt aktualisiertOct 2025
Website-Besuche202.2K
Globales Website-Ranking210.9K
API-VerfügbarkeitN/A

Am besten für

Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.

Nutzer

  • Produktdesigner
  • Motion- und Interaction-Designer
  • Design-Teams und Freelancer
  • Frontend-Entwickler

Aufgaben

  • Interface-Mikrointeraktionen
  • Onboarding und leere Zustände
  • Assets importieren und aufräumen
  • Export für mehrere Plattformen
  • Videoausgabe

Szenarien

  • Ein Design-Team braucht einheitliche Bewegung
  • Auslieferung an das Produkt
  • Ein Interface prototypen
  • Freelance-Aufträge
  • Sprachen und Varianten

Wichtigste Funktionen

Editor im Browser

Lottielab läuft im Browser, es ist also nichts zu installieren und Projekte öffnen sich auf jedem Rechner, an dem Sie sich anmelden. Sie erstellen Animationen auf einer Fläche mit Keyframes und sehen sie direkt in der Vorschau. Für Teams, die das Gerät wechseln, entfällt die übliche Reibung durch Installation und Lizenz.

Import aus Design-Tools

Sie holen Assets aus Ihren bevorzugten Design-Tools oder starten von Null, und das Tool wandelt die statische Grafik in Ebenen um, die Sie animieren können. Dieser Importweg ist der praktische Grund, warum Designer es dem Zeichnen in Motion-Software vorziehen. Die Designdatei bleibt die Quelle, die Animation liegt als Ebene darüber.

Bewegung bearbeiten und Kurven

Als Lottie-Editor deckt Lottielab Keyframes, Geschwindigkeitskurven und die Zeitsteuerung ab, die entscheidet, ob sich eine Bewegung flüssig oder steif anfühlt. Sie justieren die Kurven und sehen das Ergebnis, ohne ein Video zu rendern. So bleibt die Iteration schnell, und das Unternehmen beschreibt das Tool als leicht zu lernen, ohne auf das zu verzichten, was ein professioneller Motion-Designer braucht.

Export nach Lottie, Video und mehr

Projekte lassen sich für den Produkteinsatz nach Lottie exportieren, und Pro ergänzt HD- und 4K-Videoausgabe aus derselben Datei. Lottie-Dateien bleiben klein und scharf in jeder Größe, und deshalb hat sich das Format zwischen Mobile und Web verbreitet. Ein Projekt dient zugleich einer App-Animation und einem Marketingclip.

Team-Bibliothek und Kommentare

Pro umfasst eine Team-Bibliothek und geteilte Dateien sowie Kommentare und Erwähnungen, damit ein Team Bewegung so prüft wie ein Design. Unbegrenzt viele Mitwirkende können ansehen, ohne dass jeder eine bezahlte Lizenz braucht. Das passt zur Übergabe an Entwickler und Stakeholder, und die Rechteverwaltung hält die Bearbeitungsrechte dort, wo sie hingehören.

Hosting und Dateioptimierung

Pro ergänzt die Optimierung der Dateigröße und schnelles Lottie-Hosting mit CDN, sodass fertige Animationen schnell von einem verwalteten Endpunkt statt vom eigenen Server laden. Die Optimierung verkleinert das JSON vor der Auslieferung. Für Teams mit vielen Assets senkt diese Kombination sowohl das Seitengewicht als auch den Infrastrukturaufwand für Animationsdateien.

Vor- und Nachteile

Vorteile

  • Läuft vollständig im Browser, es ist also keine Installation nötig und Projekte öffnen sich auf jedem Rechner
  • Ist um das Lottie-Format gebaut, was kleinere Dateien und scharfe Skalierung auf iOS, Android und Web bringt
  • Der kostenlose Tarif lässt Sie das Tool lernen und einfache Animationen ausliefern, bevor Sie zahlen
  • Pro bündelt Team-Bibliothek, Kommentare, Hosting und Optimierung in einem Tarif und deckt so auch die Übergabe ab
  • Die Videoausgabe in Pro sorgt dafür, dass ein Projekt Produkt und Marketing dient

Nachteile

  • Lottie kann nicht jeden Effekt ausdrücken, daher brauchen schweres Compositing und komplexes 3D weiterhin ein volles Motion-Tool
  • Pro wird pro Editor bei jährlicher Abrechnung berechnet, was bei einem größeren Editoren-Team ins Gewicht fällt
  • Es ist keine öffentliche API genannt, daher hängen Automatisierung und Pipeline-Integration davon ab, was das Unternehmen direkt anbietet
  • Die Funktionstiefe liegt unter Desktop-Motion-Software, was zählt, wenn Sie fortgeschrittene Effekte brauchen

Häufige Fragen

Lottielab ist ein Web-Tool für Motion Design zum Erstellen und Bearbeiten von Lottie-Animationen. Sie importieren Assets oder starten von Null, animieren sie und exportieren Dateien, die auf iOS, Android und im Web laufen. Es ist um das Lottie-Format gebaut, nicht um allgemeines Videoschneiden.