Figma Motion: animatie trekt in de canvas
Figma Motion brengt keyframes en tijdlijn rechtstreeks in de canvas. Voor teams verandert dat de overdrachtsbreuk.
Vertaling automatisch gegenereerd met AI. De Duitse versie is het redactioneel gecontroleerde origineel.
Figma Motion dicht de kloof waar design en implementatie bij animaties tot nu toe uit elkaar liepen. Aangekondigd op Config 2026 (Figma), brengt de tool een tijdlijn met keyframes rechtstreeks in de canvas, in plaats van beweging uit te besteden aan After Effects, Rive of Lottie en die vervolgens moeizaam te beschrijven. Voor een team zit het nieuws minder in het animeren zelf dan in wat het verandert aan de overdrachtsbreuk.
01. HET PROBLEEM WAS NOOIT HET ANIMEREN, MAAR DE OVERDRACHT
Tot nu toe ontstond UI-beweging buiten Figma. De designer bouwde die in een tweede tool, exporteerde een video of een beschrijving, en de ontwikkeling moest de curves en timings nabouwen, vaak op het oog. Daarbij gaat precisie verloren: een easingcurve wordt een ruw idee, een timing een schatting. Precies deze breuk, niet het gebrek aan animatietools, heeft beweging in veel producten inconsistent gemaakt.
02. WAT FIGMA MOTION CONCREET BRENGT
Drie dingen veranderen de workflow merkbaar:
- Tijdlijn in de canvas. Keyframes, presets en bewegingsbesturing zitten daar waar het design al leeft. Geen overstap naar een tweede tool.
- Beweging als onderdeel van het designsysteem. Een component wordt eenmaal geanimeerd, en de beweging reist mee zoals kleur of typografie over elk scherm en elk bestand. Dat is het punt dat consistentie afdwingt in plaats van te hopen.
- Leesbare overdracht. In Dev Mode is de hele tijdlijn zichtbaar: elke timingwaarde, elke easingcurve, elke keyframe. De export gaat als CSS, JSON of framework-klaar React, plus MP4, WebM, geanimeerd SVG en GIF.
Daarmee leest de ontwikkeling de beweging, in plaats van hem te interpreteren. Dat is de eigenlijke verschuiving.
03. WAAR HET WRINGT
Een geïntegreerde tool is niet automatisch de juiste voor elk geval. Complex, narratief motionwerk, zoals een uitgebreide merkfilm, blijft een zaak voor gespecialiseerde tools. Figma Motion richt zich op interface-animatie: states, transities, micro-interacties, precies wat in het product dagelijks nodig is en tot nu toe leed onder de overdrachtsbreuk. Voor deze klasse van beweging is de integratie de winst. Voor alles daarboven blijft de toolkit gemengd.
04. VOOR WIE HET DE MOEITE WAARD IS OM TE KIJKEN
Wie een product met terugkerende UI-patronen onderhoudt, profiteert het meest: de eenmaal gedefinieerde beweging blijft consistent, en de implementatie krijgt exacte waarden in plaats van benaderingen. Beweging is daarbij geen decoratie, maar onderdeel van de begrijpelijkheid van een interface, een punt dat we nader uitwerken in de rol van UX in softwarebouw. Figma Motion maakt dit onderdeel eindelijk op één plek bewerkbaar.
