Blog
KI-Workflows 3 Min. Lesezeit

Motion Graphics ohne After Effects: Remotion + Codex im Test

Mit Codex, GPT-5.5 und Remotion per Prompt Motion Graphics erstellen – ohne After Effects. Taugt der Workflow für echte Animationen? Ein Praxis-Test.

Marc Weidemüller Aktualisiert am 08. Mai 2026 Letzte Änderung 2026-05-08
Abstraktes WEUX Coverbild mit Code-Timeline, Keyframes und Motion-Preview

Stell dir vor, du beschreibst eine Animation in natürlicher Sprache und Code generiert daraus ein fertiges Video. Kein After Effects, keine Keyframes, keine manuelle Animation.

Genau das verspricht der Workflow aus Codex, GPT-5.5 und Remotion. Ich habe ihn getestet: Vom ersten Prompt bis zum fertigen Render.

Was ist Remotion?

Remotion ist im Grunde React für Videos. Statt Websites oder dynamische Inhalte zu rendern, erzeugt es animierte Inhalte Frame für Frame als Code.

Normalerweise müsstest du React-Code schreiben, um eine Animation zu beschreiben. Aber Coding-Agenten wie Codex sind genau darin stark. Codex hat ein Plugin veröffentlicht, das Remotion direkt integriert.

Der Workflow: Du beschreibst per Prompt deine gewünschte Szene → Codex generiert den Remotion-Code → Remotion rendert die Animation. Fertig.

Der Test: Ein animiertes Intro

Als Test habe ich ein animiertes Intro für den WEUX-Kanal erstellt. Der gesamte Workflow lief in fünf Schritten und dauerte etwa 20 Minuten.

Schritt 1: Komposition definieren

Der erste Prompt legt die Leinwand fest. Codex erstellt daraufhin die komplette Remotion-Komposition: Root-Datei, Composition, Style – und startet einen Dev-Server, auf dem ich das Ergebnis live sehen kann.

Ergebnis: Grundsolide. Die Animation lief, der Text baute sich auf.

Schritt 2: Logos einbinden

Codex setzt das präzise um. Die Logos fliegen synchron ein, bleiben stehen, pulsieren sichtbar. Genau wie gewünscht, kein manuelles Animieren nötig.

Schritt 3: Terminal-Animation

Hier wird es komplex. Ein Terminal, das sich öffnet, ein Prompt, der getippt wird, dazu Timing, in After Effects ein 30-Minuten-Job. Codex erledigt es in einem Prompt. Ergebnis: überzeugend.

Schritt 4: Browser-Mockup

Eine Animation in der Animation. Meta-Ebene. Codex löst auch das sauber. Das Browser-Mockup erscheint, die beschriebene Animation läuft darin.

Schritt 5: Finale Sequenz

Der letzte Prompt rundet das Intro ab. Alles wird sauber ausgeblendet, die Animation ist fertig zum Export.

Fazit

Ersetzt dieser Workflow After Effects? Nein. Aber er verändert den Zugang zum Motion Design komplett.

  • Für einfache bis mittelkomplexe Animationen ist das ein massiver Produktivitätssprung, der sich bei modernen Websites mit animierten Elementen direkt auszahlt
  • Für erste Ideen, Mood-Animationen und Konzepte ersetzt es den manuellen Aufwand
  • Für hochkomplexe, feingetunte Motion-Design-Projekte braucht es weiterhin klassische Tools

“Remotion + Codex ersetzt nicht den Motion Designer. Aber es macht den Weg von der Idee zur ersten Animation so kurz, dass sich Experimentieren plötzlich lohnt.”

Das ganze Thema habe ich auch in einem Video auf meinem YouTube-Kanal ausführlich gezeigt:

Nächster Schritt

Lust auf mehr KI-gestützte Motion-Design-Experimente?

Lass uns besprechen, wie codebasierte Animationen deine Content-Produktion beschleunigen können.

Unverbindlich, circa 20 Minuten.