SVGator

Was ist SVGator?

SVGator ist ein Animationseditor, der vollständig im Browser läuft. Du importierst ein statisches SVG oder eine Lottie-Datei oder zeichnest die Grafik direkt im Editor, animierst sie auf einer Keyframe-Timeline und exportierst eine fertige Datei. Den Animationscode schreibt SVGator als CSS oder JavaScript in das SVG selbst. Dazu kommen Exporte als Lottie JSON, für React Native und Flutter sowie als GIF, WebP, APNG, MP4, MOV und WebM.

Im Mittelpunkt steht das animierte SVG. Es läuft laut Anbieter nativ im Browser und braucht keine Player-Bibliothek, Lottie dagegen braucht einen Player zum Abspielen. SVGator liefert beides aus demselben Projekt. Interaktionen wie Hover, Klick oder Scrollen ins Sichtfeld stecken direkt in der exportierten Datei.

Anbieter und Vertragspartner ist laut Nutzungsbedingungen die Smartketer LLC in Sterling Heights, Michigan, USA. Entwickelt und gewartet wird SVGator laut Datenschutzerklärung von der Smartware SRL, die Smartketer LLC tritt dabei als Verkäufer auf. Die Dienstleister stammen laut derselben Erklärung aus den USA, Großbritannien, Irland, Rumänien und weiteren Ländern. Veröffentlicht wurde SVGator am 12. Oktober 2017. Die Unternehmensseite nennt mehr als 130.000 aktive Nutzer und über 2 Millionen Animationsprojekte.

Für wen eignet sich SVGator?

SVGator nennt als Zielgruppe Produktteams, Agenturen und Designer, auf der Editorseite ausdrücklich UI-Designer, Entwickler und Produktteams. Typische Motive sind laut Anbieter Logos, Icons, UI-Elemente, Ladeanimationen, Onboarding-Screens, interaktive Webgrafiken und Werbemittel. Für Agenturen mit mehreren Kunden ist der Team-Tarif gedacht: Eigene Designer bekommen Bearbeitungsrechte, das Team des Kunden nur Leserechte. Die Übergabe ist auf die Webentwicklung zugeschnitten: Laut Anbieter öffnet der Entwickler ein lesbares SVG und baut es direkt ein.

Weniger passend ist SVGator für Fotos und detaillierte Texturen. Die gehören laut eigener FAQ in ein Rasterformat, und Grafiken mit Tausenden Knoten werden schwer und bremsen das Rendering. Werbenetzwerke, E-Mail-Programme und soziale Netzwerke nehmen ohnehin nur flache Dateien wie GIF, MP4 oder APNG, und die gibt es erst ab dem Pro-Tarif. Teams mit mehr als 10 Mitgliedern stoßen an die Plattformgrenze. Einen offiziellen Bildungstarif gibt es nicht. Nutzer müssen mindestens 13 Jahre alt sein, nach EU-Recht 16 Jahre, sofern ein Mitgliedstaat keine niedrigere Grenze festlegt.

SVGator im Arbeitsalltag

Den Ablauf beschreibt SVGator auf der Editorseite in vier Schritten. Zuerst öffnest du ein SVG, entweder als Upload, per Kopieren oder als Frame über das Figma-Plugin. Dann legst du Animatoren wie Rotation, Morph, Stroke Offset und Füllfarbe auf dieselbe Timeline. Im dritten Schritt legst du fest, ob die Animation bei Hover, bei Klick oder beim Scrollen ins Sichtfeld startet. Zum Schluss exportierst du SVG, Lottie, React Native oder Flutter als Code oder die Animation als GIF und MP4.

Der Editor hat laut Einführungsvideo fünf Bereiche: die Kopfleiste mit den Zeichenwerkzeugen, links Elemente und Assets, in der Mitte die Arbeitsfläche, rechts Eigenschaften, Einstellungen und Kommentare und unten die Timeline. Jedes animierte Element bekommt dort eine eigene Spur. Wer aus Figma kommt, kopiert Elemente als SVG oder PNG und fügt sie in SVGator ein. Der Rückweg läuft über das Plugin, Änderungen in SVGator musst du dort allerdings von Hand neu laden. Interaktive Animationen spielt Figma im Editor nicht ab.

Als Referenz zeigt SVGator auf der Startseite eine Fallstudie des Front-End-Entwicklers Petro Kutuzov. Er gibt an, dass SVGator die Arbeit an den meisten UI- und SVG-Elementen insgesamt um etwa 70 bis 80 Prozent beschleunigt. Das ist eine vom Anbieter veröffentlichte Kundenaussage und nicht unabhängig geprüft.

Preise und Pläne

SVGator veröffentlicht vier Tarife mit Preisen in US-Dollar. Die Preisseite öffnet mit dem Umschalter auf jährlicher Zahlung und wirbt mit einer Ersparnis von bis zu 36 Prozent. Die Monatspreise nennt SVGator in den strukturierten Daten der eigenen Website.

Der Free-Plan braucht keine Kreditkarte. Animierte Exporte sind darin nicht möglich, das sagt die FAQ der Preisseite ausdrücklich. In Pro und Team gelten für animierte Bilder bis zu 4K und 30 Bilder pro Sekunde, für Video bis zu 4K und 60 Bilder pro Sekunde, jeweils mit einer Gesamtlänge der Exporte von bis zu 2 Stunden. Dazu kommen unbegrenzte Speicherplätze für Renderings und 100 GB Speicher.

Verkäufer ist laut Datenschutzerklärung die Smartketer LLC selbst, die Zahlungen wickeln die Dienstleister Stripe und Braintree ab. Die strukturierten Daten nennen Visa, MasterCard, American Express, Discover, JCB, PayPal und Rechnung als Zahlungswege. Firmendaten für die Rechnung trägst du selbst in den Kontoeinstellungen ein. Für Wechselkurse und Umrechnungsgebühren deiner Bank haftet SVGator nicht.

Alle Abos verlängern sich automatisch zum selben Preis, Aktionspreise ausgenommen. Kündigen musst du mindestens 48 Stunden vor Ende der Laufzeit, bereits abgebuchte Beträge erstattet SVGator nicht. Kündigst du mitten im Zeitraum, bleibt der volle Zugang bis zu dessen Ende. Beim Wechsel von Pro auf Team zahlst du nur die Differenz, die ungenutzte Pro-Zeit wird anteilig verrechnet. Neue Teammitglieder kosten im laufenden Zeitraum anteilig, ab dem nächsten den vollen Preis. Die Nutzungsbedingungen halten fest, dass sich die Abopreise mit der Zeit ändern werden. Stand: Oktober 2026.

Stärken und Schwächen

Stärken

• Der Free-Plan kommt ohne Kreditkarte, enthält den vollen Editor mit allen Animatoren und exportiert statische SVGs unbegrenzt und ohne Wasserzeichen.
• Alle Tarifpreise sind öffentlich, für Starter, Pro und Team jeweils monatlich und jährlich.
• Aus einem Projekt entstehen animiertes SVG, Lottie, React Native, Flutter, GIF und Video. Welche Formate du bekommst, hängt am Tarif.
• Kunden und Marketing kommentieren laut Teamseite so viel sie wollen, ohne dass dafür ein Platz anfällt.
• Vorlagen und deren bearbeitete Fassungen darfst du ohne Zusatzgebühren in kommerziellen Projekten verwenden. Nur die Originaldateien selbst darfst du nicht weiterverkaufen.
• Laut Nutzungsbedingungen nutzt SVGator weder Projekte noch Kontodaten, um KI-Modelle zu trainieren. Die Rechte an deinen Animationen bleiben bei dir.
• SVGator gibt an, nach ISO 27001 zertifiziert zu sein, und stellt eine DPA-Vorlage bereit. Die Sicherheitsseite nennt eine Verfügbarkeitszusage von 99 Prozent.

Schwächen

• Im Free-Plan kannst du keine Animation exportieren. Animiertes SVG, Lottie, React Native und Flutter gibt es erst ab Starter, GIF und Video erst ab Pro.
• Vertragspartner ist die Smartketer LLC in den USA. Es gilt das Recht von Michigan, Streitigkeiten gehen in ein Schiedsverfahren nach den Regeln der American Arbitration Association, und Sammelklagen sind ausgeschlossen. Zwingende Verbraucherrechte nach EU-Recht bleiben laut Nutzungsbedingungen unberührt. Die Vertragsdokumente gibt es nur auf Englisch.
• Abgebuchte Beträge werden nicht erstattet, und die automatische Verlängerung stoppt nur, wenn du mindestens 48 Stunden vor Laufzeitende kündigst.
• Free-Konten, die nie ein bezahltes Abo hatten, darf SVGator laut Nutzungsbedingungen aus beliebigem Grund löschen. Die Projekte sind dann weg.
• Abgerechnet wird nur in US-Dollar. Teams brauchen mindestens 3 Plätze und sind auf 10 Mitglieder begrenzt.
• Bei den Exportgrenzen widerspricht sich SVGator selbst. Pro wirbt mit unbegrenzten Animationsexporten, was eine Grenze im Starter nahelegt. Die FAQ zur MCP-Schnittstelle sagt dagegen, kein Tarif begrenze die Zahl der Exporte. Die Nutzungsbedingungen behalten sich vor, Inhalte und Funktionen einzuschränken, sobald die Nutzung die Grenzen des Tarifs erreicht, beziffern diese Grenzen aber nicht.
• An deinen Inhalten räumst du SVGator eine weltweite, gebührenfreie Lizenz ein, unter anderem zum Bearbeiten, öffentlichen Anzeigen und Vervielfältigen, soweit das für Betrieb und Verbesserung des Dienstes nötig ist. Als privat markierte Inhalte sind davon für die öffentliche Verbreitung ausgenommen.
• Auch die Datenschutzerklärung ist nicht widerspruchsfrei. Sie schließt Profiling aus und schreibt wenige Absätze später, die Verarbeitung durch Google Analytics 4 umfasse Tracking, Profiling und Attribution. Zum Einsatz kommen Google Analytics, Microsoft Clarity mit Aufzeichnung von Mausbewegungen und Klicks sowie Facebook Pixel, für Werbung Google Ads, Bing Ads und Facebook Ads. Alle Daten liegen bei AWS, eine Serverregion nennen Nutzungsbedingungen und Datenschutzerklärung nicht. Übermittlungen außerhalb des EWR sichert SVGator über Standardvertragsklauseln ab.

Alternativen zu SVGator

SVGator vergleicht sich auf eigenen Seiten mit LottieFiles, Jitter, After Effects, Lottielab, Adobe Animate und Figma Motion. Aus derselben Kategorie findest du bei uns LottieFiles und Rive. Funktionsumfang und Preise prüfst du dort direkt beim jeweiligen Anbieter.

SVGator im Vergleich

SVGator nennt konkrete Preise. In der Kategorie tun das 92 von 127 Werkzeugen (72 Prozent).

Der Anbieter sitzt außerhalb der EU. In dieser Kategorie führt das Verzeichnis 41 Alternativen mit EU-Sitz, davon 17 aus Deutschland.

Überblick

Wir halten SVGator für eine gute Wahl, wenn Animationen auf einer Website oder in einer App landen sollen und die Übergabe an die Entwicklung ohne Umwege laufen muss. Eine einzige SVG-Datei mit eingebauter Interaktion ist für Icons, Ladeanimationen und Hero-Grafiken schlank und leicht einzubauen. Wer zusätzlich Lottie für die App braucht, bekommt beides aus einem Projekt. Für Social Media, Newsletter und Werbenetzwerke reicht der Starter-Tarif dagegen nicht, dort brauchst du Pro.

Den Free-Plan solltest du als Testumgebung verstehen. Du siehst den ganzen Editor, bringst aber keine Animation heraus. Vor dem Kauf lohnt der Blick auf drei Punkte: Die Jahreszahlung ist deutlich günstiger, eine Erstattung gibt es aber nicht. Der Vertrag läuft mit einer US-Firma unter dem Recht von Michigan. Und wer im Team mit mehr als 10 Leuten arbeitet, stößt an eine feste Grenze. Wenn du Animationen in eine bestehende Website oder einen Content-Prozess einbinden willst, helfen wir bei Planung und Umsetzung.