TL;DR
Figma Motion, im Juni auf der Config 2026 vorgestellt, bringt eine echte Animations-Timeline in Figma: Keyframes, Presets, Easing und einen Agent, der dir einen ersten Entwurf liefert. Für UI-Animation und Animation im Design-System ist das ein echtes Upgrade. Aber es animiert die Design-Ebenen, die schon in deiner Datei liegen, kann also kein Videomaterial importieren oder bearbeiten, hat kein Audio, und alles jenseits der Presets ist weiterhin manuelles Keyframing. Für die Marketingvideos, die die meisten Teams tatsächlich veröffentlichen – ein Promo, einen Launch-Teaser, eine Social Ad –, liefert dir ein Prompt-to-Video-Tool wie fluos in Minuten ein fertiges, markenkonformes Ergebnis, ohne dass du eine Timeline anfasst.
Was ist Figma Motion?
Figma Motion ist ein nativer Animationsmodus in Figma Design, am 24. Juni auf der Config 2026 vorgestellt. Er steht neben den Modi Design, Draw und Dev: Schalte einen Frame in den Motion-Modus, und unter deinen Ebenen erscheint eine Timeline. Du animierst, was schon in deiner Datei liegt – Position, Skalierung, Rotation und Deckkraft – mit manuellen Keyframes, Preset-Stilen wie Fade, Move und Scale sowie Easing-Kurven und Feder-Physik für das richtige Gefühl.
Zwei Dinge machen es zu mehr als einem Prototyping-Tool. Erstens kann der Figma-Agent aus einem Prompt einen ersten Entwurf generieren, den du dann von Hand an den Keyframes verfeinerst oder weiter promptest. Zweitens ist es für die Übergabe von Design an Code gebaut: Im Dev Mode lässt sich die gesamte Timeline inspizieren, und du kannst die Animation als CSS, JSON oder React exportieren, neben Videoformaten wie MP4, GIF, WebM und animiertem SVG. Es befindet sich in einer offenen Beta in allen Tarifen, auch im kostenlosen – wobei Agent-Animation, animierte Komponenten und hochauflösender Videoexport einen kostenpflichtigen Full-Seat brauchen.
Worin Figma Motion wirklich stark ist
Ehre, wem Ehre gebührt – das ist ein echter Fortschritt. UI zu animieren hieß bisher, nach After Effects oder in ein Plugin zu exportieren und dann einem Entwickler etwas zu übergeben, das er von Grund auf neu bauen musste. Figma Motion macht damit Schluss. Du kannst eine Komponente einmal animieren, und diese Animation wandert wie Farben und Schriften durch alle Screens und Dateien, sodass Motion Teil deines Design-Systems wird statt eines Einzelstücks. Und weil die Timeline als sauberer Code exportiert wird, ist die Animation, die der Entwickler ausliefert, die Animation, die du gestaltet hast, und nicht seine beste Schätzung davon. Für Produktteams, Micro-Interactions und animierte UI ist es hervorragend.
Was Figma Motion (noch) nicht kann
Die Grenzen zählen genauso viel wie die Funktionen, denn sie entscheiden, wofür es tatsächlich gedacht ist.
- Es kann kein Video einbinden. Figma Motion animiert die Design-Ebenen in deiner Datei. Es gibt keine Footage-Spur, du kannst also keinen Clip hineinziehen, kürzen oder ein Video um echtes Footage herum aufbauen. Für die meiste Marketing-Animation, bei der du Videomaterial zusammenschneidest, ist das ein harter Stopp.
- Es hat kein Audio. Keine Musik, keine Sprecherstimme, überhaupt kein Ton. Ein Marketingvideo braucht fast immer einen Soundtrack oder eine Stimme, und die entstehen komplett in einem anderen Tool.
- Es ist weiterhin manuell. Der Agent liefert dir einen Ausgangspunkt, aber echte Kontrolle heißt Keyframing von Hand, mit dem nötigen Designgespür. In den richtigen Händen ist es mächtig, in allen anderen viel Arbeit. Figma sagt es selbst deutlich: Es ist eine offene Beta, die noch weiter verfeinert wird.
Die Kosten, die niemand erwähnt: deine Zeit
Die meisten Vergleiche hören beim Abopreis auf. Das ist die falsche Zahl. Die echten Kosten jedes manuellen Animations-Tools sind die Stunden pro Video. Eine saubere 15-Sekunden-Animation zu keyframen braucht Zeit und Geschmack, selbst mit Presets und einem ersten Agent-Entwurf – und dann machst du es für das nächste Video wieder, und für das übernächste. Für ein Team, das jede Woche ein Marketingvideo veröffentlicht, ist das keine einmalige Lernkurve, sondern eine wiederkehrende Steuer auf jedes Asset. Zeit ist Geld, und die Stunden, die du mit dem Verschieben von Keyframes verbringst, fehlen für die Arbeit, die nur du machen kannst.
Die ehrliche Frage lautet also nicht „Was kostet das Tool?“, sondern „Wie viele Stunden kostet mich jedes fertige Video?“ Dort entscheidet der Workflow über den Sieger, nicht das Preisschild.
Was solltest du also für ein Marketingvideo nutzen?
Wenn du ein fertiges Marketingvideo brauchst – ein Logo-Reveal, einen Launch-Teaser, einen Social-Ad-Schnitt –, willst du ein Tool, das genau dafür gebaut ist, und keinen UI-Animator, den du in die Aufgabe hineinbiegst. Genau da passt fluos. Du beschreibst das Video in einfacher Sprache, eine KI baut die Animation passend zu deiner Marke, du verfeinerst sie mit einer weiteren Nachricht und exportierst ein MP4 oder GIF. Keine Timeline, kein Keyframing, kein Designstudium nötig.
Der Unterschied liegt im Workflow. Figma Motion verlangt, dass du die Animation baust. fluos verlangt, dass du sie beschreibst. Bei den ersten 500 Videos, die mit fluos entstanden sind, war das Rendering im Schnitt nach etwa drei Minuten fertig – und genau darum geht es: ein fertiges, markenkonformes Video in der Zeit, die du bräuchtest, um den ersten Keyframe anzulegen. Einen tieferen Einblick in diese Arbeitsweise findest du in unserem Leitfaden zu den besten KI-Tools für Motion Graphics.
Figma Motion vs. Prompt-to-Video im direkten Vergleich
| Figma Motion | Fluos (Prompt-to-Video) | |
|---|---|---|
| Am besten für | UI- und Produktanimation, Animation im Design-System | Fertige Marketingvideos: Logo-Reveals, Social Ads, Teaser |
| So entsteht es | Timeline + Keyframes (der Agent liefert einen ersten Entwurf) | Im Chat beschreiben, per Nachricht verfeinern |
| Nötige Kenntnisse | Designgespür + manuelle Keyframes | Keine – einfach beschreiben |
| Ausgangspunkt | Die Design-Ebenen in deiner Datei | Ein Text-Prompt |
| Zeit bis zu einem fertigen Clip | Stunden | Minuten |
| Ausgabe | MP4, GIF, WebM, SVG sowie CSS-/React-Code | MP4, GIF |
Figma Motion oder ein Prompt-to-Video-Tool?
Es ist kein Entweder-oder – sie sind für unterschiedliche Aufgaben gebaut. Greif zu Figma Motion, wenn du UI animierst, Animation in ein Design-System einbaust oder Animation als Code an die Entwicklung übergibst. Greif zu einem Prompt-to-Video-Tool wie fluos, wenn du ein fertiges, markenkonformes Marketingvideo brauchst und es nicht von Hand keyframen willst. Wenn du von Adobe kommst, zeigt dir unser Leitfaden zu Motion Graphics ohne After Effects das größere Bild.
Häufig gestellte Fragen
- Kann Figma Motion Video einbinden?
- Nein. Figma Motion animiert die Design-Ebenen, die schon in deiner Datei liegen. Es gibt keine Footage-Spur, du kannst also keine Videoclips importieren, kürzen oder ein Video darum herum aufbauen.
- Kann Figma Motion Audio oder Musik hinzufügen?
- Nein. Figma Motion hat kein Audio – weder Musik noch Sprecherstimme. Einen Soundtrack musst du in einem separaten Tool ergänzen.
- Ist Figma Motion kostenlos?
- Es befindet sich in einer offenen Beta in allen Tarifen, auch im kostenlosen. Vom Agent generierte Animation, animierte Komponenten und hochauflösender Videoexport erfordern einen kostenpflichtigen Full-Seat.
- Ist Figma Motion gut für Marketingvideos?
- Es ist für UI- und Produktanimation gebaut, nicht für Marketingvideos. Für ein Promo- oder Social-Video mit Footage und Audio passt ein Prompt-to-Video-Tool besser.
- Ersetzt Figma Motion After Effects?
- Für UI-Animation und die Übergabe von Design an Code zunehmend ja. Für cinematische VFX und vollständige Videoproduktion nein.