So erstellst du KI-Motion-Graphics mit Claude und OpenArt

Es gibt zwei Wege, KI-Motion-Graphics zu erstellen. Du kannst ein KI-Videomodell bitten, Text in einen Clip einzubacken, und hoffen, dass jedes Wort richtig geschrieben ist. Oder du erstellst die Bilder in OpenArt und lässt Claude die Bewegung im Code bauen. Jedes Wort, jede Farbe und jede Bewegung bleibt bearbeitbar, sodass ein Tippfehler eine Ein-Zeilen-Korrektur statt einer neuen Generierung ist.

Dieser Guide folgt unserem Walkthrough mit Creatorin Mia Meow. Er deckt drei Workflows ab (ein bewegtes Instagram-Karussell, Grafiken über einem KI-Video und ein komplett animiertes Video im Code) plus das einmalige Setup.

Was sind KI-Motion-Graphics?

Motion Graphics sind bewegter Text, Formen und Bilder: Titelkarten, Produktlabels, animierte Social-Posts und Untertitel auf einem Video. KI-Motion-Graphics nutzen KI für die Bilder, die Bewegung oder beides.

Die beiden Ansätze funktionieren sehr unterschiedlich:

Dieser Guide zeigt den zweiten Ansatz. KI-Videomodelle sind großartig bei Menschen, Produkten und Szenen. Code ist besser darin, eine Headline jedes Mal gleich zu schreiben.

Warum Claude für Motion Graphics nutzen?

Drei Gründe stechen aus dem Walkthrough heraus.

Jeder Buchstabe bleibt bearbeitbar. Claude baut den Text im Code neu auf und passt ihn an Stil und Schriftart an, die du zeigst. Ein falsches Wort ist nur eine schnelle Textänderung.

Du zahlst nicht mehr fürs Neugenerieren. Wenn der Text in einem KI-Video steckt, bedeutet jede Korrektur eine weitere Generierung und mehr Credits. Mit Code fließen die Credits in die Bilder und Clips, die du wirklich willst. Textänderungen und Timing-Anpassungen passieren im Code.

Ad-Testing wird günstig. Du willst zwei Headlines im selben Produktvideo testen? Ändere eine Zeile, exportiere erneut. Der Produktshot bleibt exakt gleich, sodass der Test nur die Headline misst.

Workflow 1: So erstellst du ein bewegtes Instagram-Karussell

Karussells lohnen sich. Metricools Instagram-Studie 2026 mit über 24 Millionen Posts ergab, dass Karussells etwa 9x mehr Speicherungen erhalten als Einzelbild-Posts. Ein bewegtes Karussell fällt im Feed noch stärker auf. Für statische Posts der Instagram-Post-Generator ist der schnellere Weg.

Drei Karussell-Slides, erstellt in einem einzigen Claude-Chat, jedes mit seiner eigenen bewegten Überschrift.

Schritt 1: Erstelle das Bild direkt in Claude. Mit verbundenem OpenArt MCP arbeitet Claude als Claude KI-Bildgenerator, damit du die Idee planen, den Text schreiben und das Bild in einem einzigen Chat erstellen kannst. Im Walkthrough gab Mia Claude ein Foto eines Schuhs und ein Foto von sich selbst, und Claude erstellte das Slide-Bild mit GPT Image 2.5 auf OpenArt.

Schritt 2: Teile das Bild in Ebenen auf. Öffnen Extract Layers aus den Bild-Tools auf OpenArt und lade das Bild hoch. Stelle die maximale Anzahl an Ebenen ein, die du möchtest, zwischen 2 und 16. Mia hat sie auf 6 gesetzt. Unser Guide zu wie du ein Bild in bearbeitbare Ebenen aufteilst behandelt das Tool ausführlicher.

Extract Layers verwandelt ein flaches Bild in separate Ebenen, die du einzeln bewegen kannst.

Schritt 3: Lass Claude die Ebenen abrufen. Speichere die Ebenen in deinem OpenArt-Konto. Claude holt sie sich über MCP, es gibt also nichts herunterzuladen oder hin- und herzuziehen. Dann sagst du Claude, wie sich jede Ebene bewegen soll: die Person gleitet rein, der Hintergrund driftet, der Schuh poppt.

Schritt 4: Baue den Text im Code neu auf. Die Textebene aus Extract Layers ist ein Bild von Wörtern. Bitte Claude, sie als echten Text im Code neu aufzubauen, passend zu Stil und Schriftart. Die Überschrift ist dann voll bearbeitbar.

Wie helfen ein Projektordner und eine Stil-Bibliothek?

Ein Projektordner und eine Stilbibliothek machen jedes nächste Projekt schneller.

Behalte zuerst einen Projektordner. Der Setup-Prompt aus dem Walkthrough baut ihn für dich: Inputs, Referenzen, Audio, fertige Videos und Templates, plus eine Regeldatei, der Claude folgt.

Ein Ordner für alles. Claude weiß, wo es deine Bilder, Voice-overs und gespeicherten Stile findet.

Zweitens: Bau dir eine Motion-Graphics-Stilbibliothek auf. Wenn du einen Look erstellst, der dir gefällt, speichere ihn. Wenn du irgendwo einen Motion-Stil siehst, den du liebst, lege das Referenzvideo ab und bitte Claude, ihn nachzubauen. Beim nächsten Mal liest Claude die Bibliothek, schlägt passende Stile vor und verwendet den Code wieder, statt bei null anzufangen.

Workflow 2: So fügst du Motion-Graphics zu einem KI-Video hinzu

Grafiken über ein KI-Video zu legen ist der nützlichste Workflow für Produktanzeigen. Für eine komplette Anzeige aus einem Briefing siehe So erstellst du Videowerbung mit KI in Claude.

Schritt 1: Erstelle einen sauberen Clip. Mia hat mit Seedance 2.5 einen kurzen Schuh-Clip erstellt, im KI-Videogenerator. Halte es einfach und lass Text aus dem Video-Prompt raus. Der Text kommt später, im Code. Für Prompt-Ideen schau dir diese Beispiele für KI-Video-Prompts für MCP.

Schritt 2: Wähle mit einem Standbild einen Look aus. Ihre ersten Versionen sahen generisch aus. Also nahm sie ein klares Frame aus dem Clip und bat Claude, mit GPT Image 2.5 über MCP drei Kunststile zu erstellen: einen Modemagazin-Look, einen Videospiel-Look und einen handgezeichneten Doodle-Look.

Der handgezeichnete Doodle-Stil – einer von drei Looks, die an einem einzigen Frame getestet wurden, bevor überhaupt etwas animiert wurde.

Schritt 3: Gib Claude den Clip und das Standbild. Der Clip ist die Basis. Das Standbild zeigt, wie es aussehen soll. Claude baut jeden Buchstaben und jede Grafik per Code auf dem Video neu auf.

Input: ein schlichter Clip und ein gestyltes Standbild. Output: derselbe Clip mit lebendigen, editierbaren Grafiken.

Schritt 4: Beschreibe die Shots in einfachen Worten. Alltägliche Worte reichen hier völlig aus. Mias Shot-Plan bestand aus vier Zeilen: der Name Cloud Flow, eine Nahaufnahme des Mesh, die Cloud-Foam-Technik und die kratzfeste Ferse. Claude machte daraus Bildschirmtext und Timing. Wenn du mehr Kontrolle willst, bitte Claude, dir die Shot-Liste zu zeigen, bevor es irgendetwas baut.

Was Mia links gesagt hat und rechts der Text, den Claude für jede Szene geschrieben hat.

Schritt 5: Teste Headlines ohne neue Generierung. Ändere die Headline-Zeile im Code und exportiere erneut. Der Produktshot ändert sich nicht, und du verbrauchst keine Credits für ein zweites Video.

Headline A und Headline B auf demselben Clip. Nur eine Codezeile hat sich geändert.

Für Performance-Marketer ist das besonders wichtig. Du kannst aus einem guten Clip eine ganze Reihe von Anzeigenvarianten erstellen und die Ergebnisse den Gewinner küren lassen. Unser Guide zu Testen von Werbekreationen mit KI zeigt, wie du diese Tests planst.

Workflow 3: So erstellst du ein komplett animiertes Video im Code

Du kannst das Videomodell auch komplett überspringen. Mias Beispiel ist „Mimi is hungry“, ein gemütliches Video im Game-Stil über eine Katze, die das perfekte Omelett zubereitet. Die Textboxen, Menüs, das Minispiel und der Ergebnisbildschirm sind alles Code.

Charaktere. GPT Image 2.5 auf OpenArt erstellte ein Blatt mit der Katze in sechs Posen auf schlichtem grünem Hintergrund, plus den Küchenhintergrund. Claude trennte jede Pose und tauschte sie im Takt aus, wie Papier-Stop-Motion. Diese Methode funktioniert am besten für einen ruckeligen, handgemachten Look. Claude kann auch selbst einfache handgezeichnete Charaktere im Code zeichnen.

Ein Bild, sechs Posen. Claude wechselt zwischen ihnen, um die Katze zu bewegen.

Sound. Die Stimmen stammen vom Voice-over-Tool „Create“ in OpenArt. Soundeffekte und die 8-Bit-Musik wurden im Code geschrieben.

Richtung. Mia beschrieb eine Story und einen Stil, und Claude kümmerte sich um die Bewegung. Derselbe Ansatz funktioniert für Musikvideos mit eigener Musik, Explainer und kurze Brand-Storys. Wenn du lieber nicht im Code arbeiten möchtest, der KI-Animationsgenerator erstellt animierte Videos aus einem Prompt.

So richtest du Claude und OpenArt für Motion-Graphics ein

Die Einrichtung musst du nur einmal machen.

1. Öffne Claude Code in der Desktop-App. Öffne den Code-Tab, erstelle einen neuen Projektordner, öffne ihn in Claude Code und erlaube den Zugriff. Wenn du neu darin bist, Visuals in Claude zu erstellen, starte mit diesem Anleitung zur Bild- und Videogenerierung mit Claude Opus 5.5.
2. Füge das Remotion-Plugin hinzu. Remotion ist die Code-Bibliothek, die den Code von Claude in Video verwandelt. Wähle in der Claude-Desktop-App Code, dann Customize, dann Plugins, dann Discover. Suche nach "remotion" und füge das Plugin hinzu.
3. Führe den Setup-Prompt aus. Das Setup-Paket ist in der Videobeschreibung verlinkt. Der Prompt installiert Node.js und Git, falls sie fehlen, richtet ein Remotion-Projekt ein, fügt Templates und eine Regeldatei hinzu und erstellt ein kurzes Testvideo. Setze die Berechtigungen auf "accept edits", damit Claude arbeiten kann, ohne bei jedem Schritt nachzufragen.
4. OpenArt MCP verbinden. Gehe in Claude Desktop oder auf claude.ai zu Customize, dann Connectors. Klicke auf Add custom connector, nenne ihn OpenArt und füge diese Server-URL ein: https://mcp.openart.ai/mcp. Klicke auf „Add“, dann auf „Connect“ und melde dich mit deinem OpenArt-Konto an. Die vollständigen Schritte für andere Agents findest du bei OpenArt unter MCP-Seite.

Ein Hinweis zu den Tools: OpenArt MCP generiert die Bilder und Videos, und Claude übernimmt die Animation im Code. Extract Layers und Create voice-over laufen auf der OpenArt-Website. Erstelle die Ebenen oder das Voice-over dort, speichere sie, und Claude ruft sie aus deinem Account ab.

Ein Hinweis zu Remotion: Es ist kostenlos für Einzelpersonen und Teams von bis zu 3 Personen. Unternehmen mit 4 oder mehr Personen brauchen eine Remotion-Unternehmenslizenz.

Starte mit einem kleinen Projekt, etwa einer einzelnen animierten Karussell-Folie. Sobald der Ordner und die Style-Bibliothek stehen, batch den Rest.

Was kostet das?

Es sind zwei Accounts beteiligt.

Claude. Du brauchst Claude Code in der Claude-Desktop-App.

OpenArt. Credits werden für das ausgegeben, was OpenArt generiert: Bilder, Videoclips, Layer und Voice-overs. Das Bearbeiten von Text, Timing und Bewegung im Code verbraucht keine OpenArt-Credits. Das ist die größte Ersparnis gegenüber dem erneuten Generieren von KI-Videos, bis der Text stimmt.

Wenn die Motion Graphics für Kundenarbeit oder Werbung gedacht sind, beachte, dass auf berechtigten kostenpflichtigen Tarifen kommerzielle Rechte gelten. Neue Accounts erhalten 40 kostenlose Credits zum Ausprobieren, ohne Kreditkarte. Schau dir den Preisseite für aktuelle Pläne und Credits.

FAQ

Kann Claude Motion Graphics erstellen?

Ja. Mit Claude Code und dem Remotion-Plugin schreibt Claude die Animation als Code und exportiert sie als Video. Claude hat kein eigenes Bildmodell (hier ist warum Claude keine Bilder generieren kann), kombiniere es also mit OpenArt MCP. Claude funktioniert dann auch als Claude AI-Video-Generator und kann die Bilder, Charaktere und Clips erstellen, die es animiert.

Brauche ich After Effects oder Animationskenntnisse?

Nein. Alles im Walkthrough wurde ohne After Effects erstellt. Du beschreibst die Story, den Stil und die Shots in einfachen Worten, und Claude übernimmt die Bewegung.

Warum Text aus dem KI-Video-Prompt raushalten?

KI-Videomodelle zeichnen Text als Teil des Bildes. Ist ein Wort falsch, musst du den ganzen Clip neu generieren. Wenn der Text im Code steckt, behebst du ihn mit einer schnellen Änderung, und der Rest des Videos bleibt exakt gleich.

Wie funktioniert das Setup aus Claude und Remotion?

Remotion ist eine Code-Bibliothek zum Erstellen von Videos. Das Remotion-Plugin für Claude Code gibt Claude alles, was es braucht, um Remotion-Projekte zu bauen. Du fügst es im Plugins-Bereich der Claude-Desktop-App hinzu.

Ist Remotion kostenlos?

Remotion ist für Einzelpersonen und Teams von bis zu 3 Personen kostenlos. Unternehmen mit 4 oder mehr Personen benötigen eine Firmenlizenz von Remotion.

Welchen OpenArt-Plan brauche ich?

OpenArt MCP funktioniert mit jedem Plan, auch Starter. Größere Pläne geben dir mehr monatliche Credits für Bilder und Clips. Kommerzielle Rechte gelten bei berechtigten kostenpflichtigen Plänen.