Animierte Grafiken mit Claude bauen: 5 Level vom Browser bis zur fertigen Videodatei

Mit Claude Design baust du animierte Grafiken direkt im Browser: Vorlage „Animation“ wählen, die Grafik in ein paar Sätzen beschreiben, als MP4 exportieren. In meinem Test hat das 4 Minuten gedauert, im ersten Versuch. Wer die Datei framegenau für den Videoschnitt braucht, geht über Claude Code. Das dauert länger, knapp 9 Minuten in meinem Fall, dafür prüft Claude das eigene Video und korrigiert Fehler selbst. Im Hintergrund arbeitet seit dem 22. September das neue Modell Opus 5.5.

Im Video siehst du alle fünf Level in Bewegung, vom ersten Auftrag im Browser bis zur fertigen Grafik im eigenen Videoschnitt, dazu den Bau in Claude Code im Zeitraffer.

Inhalt

• Was ist Claude Design und was hat Opus 5.5 damit zu tun?
• Das Beispiel: eine Grafik für eine echte Videostelle
• Wie baue ich eine Animation in Claude Design?
• Wie wird daraus eine Videodatei für den Schnitt?
• Claude Design oder Claude Code: Welcher Weg passt zu dir?
• Was geht noch? Eigenes Design, fremder Stil, eigenes Logo
• Ist Claude Design mit Opus 5.5 wirklich zehnmal besser?

Was ist Claude Design und was hat Opus 5.5 damit zu tun?

Claude Design ist die Design-Werkstatt in Claude. Du beschreibst, was du brauchst, und Claude baut es, von der Folie bis zur Animation. Stell dir einen Grafiker vor, der neben dir sitzt und schneller zeichnet, als du erklären kannst.

Unter der Haube lässt sich jetzt Opus 5.5 auswählen. Laut Anthropic ist das Modell 40 Prozent günstiger und über 30 Prozent schneller als Opus 5. Zu Design, Grafik oder Animation macht Anthropic keine Aussage. (Stand: 2026-09-25 — Quelle: anthropic.com/claude-opus-5-5) Alles, was in diesem Beitrag über die Qualität der Grafiken steht, stammt deshalb aus meinen eigenen Tests.

Das Beispiel: eine Grafik für eine echte Videostelle

Getestet habe ich nicht mit Spielzeug-Aufgaben, sondern mit zwei Stellen aus einem meiner nächsten Videos. In einer sage ich sinngemäß: Tabelle rein, zwei Dateien raus. Genau das sollte die Grafik zeigen. Eine Excel-Tabelle mit sechs Rechnungen zerfällt. Namen und Status fliegen links in ein Dokument, die Beträge fliegen rechts in eine Folie und werden dort zu Balken. Am Ende landen beide Dateien in einer Download-Leiste.

Früher hätte ich für so etwas einen Motion Designer gebraucht oder einen Nachmittag in After Effects. Also habe ich es meistens weggelassen, und zu sehen gab es an der Stelle nur mich.

Wie baue ich eine Animation in Claude Design?

Claude Design öffnen, unten die Vorlage „Animation“ wählen, als Modell Opus 5.5. Dann die Szene beschreiben wie oben, in normalen Sätzen. Nach 4 Minuten stand die Grafik, im ersten Versuch. Eine kleine Kamerafahrt hat Claude von sich aus eingebaut.

Für den Export klickst du oben rechts auf „Teilen“, dann auf die weiteren Formate. Dort steht „Video (MP4)“ für Animationsseiten. (Stand: 2026-09-25 — Quelle: eigener Test im AIND-Konto, Team-Tarif)

Welche Angaben braucht Claude für eine gute Animation?

Vier Dinge gehören in jeden Auftrag. Ohne sie sieht das Ergebnis aus wie jede andere KI-Grafik.

1. Format: 1920 × 1080 für YouTube, sonst rät Claude.
2. Farben: am besten direkt als Farbcode.
3. Schrift: deine Hausschrift beim Namen nennen.
4. Standzeit: wie lange das letzte Bild stehen bleibt.

Punkt vier vergessen fast alle. Dann ist die Grafik vorbei, bevor jemand sie lesen kann. Ich lasse jede Grafik am Ende 3 Sekunden stehen.

Wie wird daraus eine Videodatei für den Schnitt?

Hier kommt Claude Code ins Spiel, die Variante fürs Terminal. Ich habe die zweite Stelle aus demselben Skript beschrieben: zwei Karten, „Schnelle Frage“ und „Große Aufgabe“, dazwischen ein Umschalter. Der Schalter springt hin und her, bricht auseinander, und beide Karten verschmelzen zu einer einzigen Eingabezeile. Dazu ein angehängter Satz: Rendere sie danach framegenau als MP4 mit 25 Bildern pro Sekunde.

Dann habe ich zugeschaut. Claude hat die Grafik gebaut, sich ein eigenes kleines Render-Programm geschrieben und die Videodatei erzeugt. Der spannende Teil kam danach. Claude hat sich einzelne Bilder aus dem eigenen Video angesehen und drei Fehler gefunden: ein abgeschnittener Rahmen, ein Knopf, der zu lange im Bild hing, und ein Cursor, der den Platzhaltertext verdeckte. Alle drei hat es selbst behoben. Nach 8 Minuten 46 Sekunden lag die fertige Datei im Ordner, ohne dass ich eingreifen musste. (Stand: 2026-09-25 — Quelle: eigene Aufzeichnung der Sitzung)

Claude Design oder Claude Code: Welcher Weg passt zu dir?

Claude Design ist schneller, und du siehst keine Zeile Code. Für eine Präsentation oder einen einzelnen Clip reicht das völlig. Claude Code braucht länger, liefert die Datei aber genau so, wie dein Schnittprogramm sie erwartet: feste Bildrate, feste Länge, auf Wunsch auch als transparentes Overlay.

Für mich ist genau das der Gamechanger. Solche Grafiken passen zum ersten Mal ohne Umweg in den normalen Videoschnitt.

Was geht noch? Eigenes Design, fremder Stil, eigenes Logo

Grafiken im eigenen Design. Die Rechnungs-Tabelle von oben habe ich noch einmal komplett in unseren Farben und unserer Schrift bauen lassen. In Claude Design kannst du Farben, Schrift und Logo einmal als Designsystem hinterlegen. Dann musst du sie nicht jedes Mal dazuschreiben, und jede Grafik sieht aus, als käme sie aus demselben Haus.

Ein Stil, den du irgendwo gesehen hast. Ich habe Claude Code ein Foto gegeben: schwarze Ringe und ein oranger Winkel auf Leinwand. Claude hat Farben und Abstände direkt aus dem Bild gemessen und daraus eine bewegte Grafik gebaut, in etwa 7 Minuten. Farbe und Form treffen es verblüffend gut. Die Textur, dieses echt Gedruckte, wirkt digitaler. Und die Schrift hat Claude erfunden, weil im Foto keine war.

Dein Logo als Intro. Unser AIND-Logo: Der Ring zeichnet sich, das Gehirn wächst von unten nach oben, dann erscheint der Name. Nach knapp 4 Sekunden ist es fertig, gebaut in rund 5 Minuten. Ein Tipp dazu: Leg dein Logo als SVG-Datei bereit. Unseres gab es nur als normales Bild, deshalb konnte Claude es nur aufdecken und nicht Linie für Linie zeichnen.

Ist Claude Design mit Opus 5.5 wirklich zehnmal besser?

Beim Tempo: ja, locker. Beim letzten Feinschliff: nein. Die zehnmal sind mein Eindruck aus dem Test, kein Messwert. Anthropic selbst verspricht zum Thema Design nichts. Drei Grenzen solltest du kennen:

• Ohne Vorgaben sieht es nach KI aus. Dieselbe Schrift, dieselben Verläufe, die man inzwischen überall sieht. Mit deinen Farben und deiner Schrift wird es deine Grafik.
• Claude weiß nicht, was du dazu sagst. Ob die Grafik im richtigen Moment kommt, entscheidest du im Schnitt.
• Es läuft nicht immer rund. Bei mir hing die Vorschau in Claude Design einmal komplett. Und in Claude Code kostet so eine Grafik ein ordentliches Stück vom Nutzungskontingent.

Wie Claude Design mit Präsentationen und Dokumenten umgeht, steht in meinem Beitrag zu Claude Design 2.0. Hier ging es nur um Bewegung.

Die Beschreibungen zum Nachbauen

Die Aufträge, mit denen ich diese Grafiken gebaut habe, stehen im kostenlosen Cheat Sheet „Motion-Prompts für Claude“. Dazu die kleinen Bausteine, die aus einer netten Animation eine saubere machen, und der Weg, wie du dieselbe Grafik als Short oder als transparentes Overlay für deinen Schnitt herausbekommst.