Motion Graphics mit KI: kostenlose Anleitung für Claude
Amir TahassoriViel Spaß damit! 👋
Motion Graphics mit KI: die kostenlose Anleitung
Für Motion Graphics mit KI brauchst du keinen teuren Kurs. Hier zeige ich dir das Werkzeug, mit dem ich meine bewegten Grafiken bauen lasse: die Installation, die ersten Prompts und die Regeln, damit das Ergebnis nicht billig aussieht.
Stand: 07.11.2026
Was du dafür brauchst
- HyperFrames: ein kostenloses Open-Source-Werkzeug von HeyGen, das aus HTML ein MP4-Video macht.
- Claude Code: Claude schreibt den Code, du beschreibst nur das Video.
- Node.js 22 oder neuer und FFmpeg: Beides braucht HyperFrames laut README auf deinem Rechner.
So nutze ich das selbst
Meine Motion-Graphics-Reels entstehen mit HyperFrames. Claude baut die Grafiken im Code, danach rendert der Rechner das Video. Ohne ein paar feste Regeln sieht das aber schnell beliebig aus. Die wichtigsten findest du weiter unten.
Was wirklich kostenlos ist
Diese Anleitung und HyperFrames sind kostenlos. Das Werkzeug steht unter Apache-2.0-Lizenz, laut README ohne Gebühren pro Video. Claude selbst brauchst du aber als Zugang, das kann Geld kosten. Das aktuelle Angebot siehst du direkt bei Anthropic.
Installation in 3 Schritten
- Node.js und FFmpeg installieren. Falls du unsicher bist, lass Claude Code prüfen, ob beides da ist.
- Plugin hinzufügen. Gib diese zwei Befehle im Terminal ein.
- Claude Code im Projektordner starten und mit /hyperframes:hyperframes loslegen.
claude plugin marketplace add heygen-com/hyperframes claude plugin install hyperframes@hyperframes
Dein erstes Video mit einem Prompt
Starte mit etwas Kurzem. Dieser Prompt baut dir ein 10-Sekunden-Video im Hochformat:
Using /hyperframes: Baue mir ein 10 Sekunden langes Video im Hochformat 1080 x 1920. Thema: [DEIN THEMA] Text im Bild: [DEIN SATZ, höchstens 8 Wörter] Farben: [DEINE FARBEN] Schrift: [DEINE SCHRIFT] Alles soll sich ständig leicht bewegen, keine Standbilder. Erfinde keine Zahlen und keine Logos. Prüfe das Video vor dem Rendern und rendere es danach als MP4.
Grafiken zu deinem Reel bauen
Hast du schon ein Video mit gesprochenem Text? Dann lass Claude zu jedem Satz eine passende Grafik planen, bevor es etwas baut:
Using /hyperframes: Hier ist mein Video: [DATEIPFAD] Hier ist mein gesprochener Text mit Zeiten: [TEXT MIT ZEITEN] Schritt 1: Erstelle zuerst nur eine Tabelle: Sekunde, gesagter Satz, passende Grafik. Warte danach auf mein Okay. Schritt 2: Baue die Grafiken erst nach meinem Okay. Regeln: - Jede Grafik zeigt genau das, was in dem Moment gesagt wird. - Grafiken und Text nie auf dem Gesicht. - Alles bleibt in Bewegung. - Das Original-Video und sein Format bleiben unverändert. - Keine Fakten, Zahlen oder Logos erfinden.
Meine 6 Regeln gegen den Billig-Look
- Jede Grafik hat einen Grund. Keine zufälligen Icons, nur was wirklich gesagt wird.
- Nie aufs Gesicht. Prüfe das in jedem Zoom-Zustand.
- Alles bewegt sich. Standbilder wirken sofort tot.
- Nicht immer dasselbe Motiv. Wechsle Formen und Farben innerhalb deines Stils.
- Ein Sound pro Bewegung. Er muss zur Bewegung passen und darf die Stimme nicht übertönen.
- Bild für Bild prüfen. Schau dir das fertige Video mit Ton an, bevor du postest.
Geht das auch mit ChatGPT?
Laut README arbeitet HyperFrames mit Coding-Agenten wie Claude Code, Codex, Cursor und Gemini CLI. Aus der OpenAI-Welt nimmst du also Codex, nicht den normalen ChatGPT-Chat. Die Skills installierst du dort mit diesem Befehl:
npx skills add heygen-com/hyperframes
3 Fehler, die du vermeiden solltest
- Gleich ein langes Video bauen: Starte mit 10 Sekunden und taste dich vor.
- Alles in einem Prompt verlangen: Erst planen, dann bauen. Das spart viele Korrekturen.
- Mehrere Videos gleichzeitig rendern: Bei mir ist der Rechner dabei schon hängen geblieben. Rendere nacheinander.
Eine Prompt-Vorlage mit Referenz-Video findest du in Motion Graphics mit Claude. Einzelne Effekte gibt es in 17 Video-Effekte mit Claude. Wie du den Schnitt selbst mit KI machst, steht in Videos mit KI schneiden.
Häufige Fragen
Muss ich programmieren können?
Nein. Claude schreibt den Code. Du solltest aber bereit sein, Befehle ins Terminal zu kopieren und das Ergebnis genau anzuschauen.
Was kostet das?
HyperFrames ist kostenlos. Kosten kann der Zugang zu Claude. Die Studio-App von HyperFrames ist laut README ebenfalls kostenlos, ihr Pro-Plan aber nicht.
Läuft das auch auf Windows?
Die Befehle oben stehen ohne Einschränkung im README. Meine eigenen Videos rendere ich auf einem Windows-PC.
Brauche ich dann noch einen Cutter?
Für einfache Grafiken nicht unbedingt. Bei gutem Schnitt und Feinschliff bleibt deine eigene Kontrolle aber wichtig.