1/3: Figma Updates 2026 – Figma Motion ontdekken

July 16, 2026- by Oriana Calemi

Als designer kijk ik elk jaar uit naar Figma Config. Samen met de rest van de design- en developmentcommunity beschouw ik het als hét evenement van het jaar om nieuwe manieren te ontdekken om onze workflow te verbeteren.

Dit jaar draait alles om Figma Motion. En eerlijk? Dat werd tijd. UI-animaties maken was namelijk nooit echt ideaal. Adobe After Effects is vaak veel te uitgebreid voor eenvoudige animaties en vraagt bovendien een stevige leercurve. Aan de andere kant voelen tools zoals Jitter dan weer te beperkt aan wanneer je nét iets meer controle wilt. Ook de native prototyping van Figma botst al snel op zijn limieten zodra je een specifieke animatie voor ogen hebt.

De afgelopen dagen heb ik Figma Motion uitgebreid getest om te ontdekken wat vandaag al goed werkt én waar nog ruimte is voor verbetering.

Wat is Figma Motion?

Het eerste wat opvalt, is een volledig nieuw tabblad in Figma: Motion.

Voor mij is het grootste voordeel dat je nu je volledige animatieworkflow binnen Figma kunt afwerken. Je hoeft niet langer voortdurend tussen verschillende programma's te schakelen, tenminste zolang je animaties niet extreem complex worden.

Een van de sterkste toevoegingen is de tijdlijn per object of component. Elk element krijgt zijn eigen timeline, waardoor je meerdere animaties en effecten kunt combineren én elk onderdeel zijn eigen timing of vertraging kunt geven.

Laten we eerst even kijken naar de belangrijkste onderdelen van die timeline:

Timeline

Play/Pause: bekijk je animatie meteen.
Auto Keyframe: telkens je een eigenschap aanpast, wordt automatisch een keyframe toegevoegd. Een enorme tijdsbesparing.
Current Time & Duration: zie in één oogopslag waar je zit in de animatie en hoe lang deze duurt.
Time Unit: wissel eenvoudig tussen milliseconden en seconden.
Playback Options: speel de animatie één keer af, laat ze loopen of gebruik de Ping-Pong-modus om de beweging heen en weer te laten verlopen.

Aan de slag gaan

Wanneer je in de Motion-tab een element selecteert, krijg je meteen twee mogelijkheden: de AI Agent de animatie laten genereren op basis van een prompt, of zelf handmatig aan de slag gaan.

Kies je voor de handmatige aanpak, dan kun je verschillende eigenschappen animeren, zoals:

Positie
Schaal
Rotatie
Grootte
Opaciteit
Path (wanneer een pad beschikbaar is)

Zodra je een eigenschap selecteert, verschijnt deze automatisch in de timeline.

Wat ik persoonlijk erg fijn vind, is dat alle aanpasbare eigenschappen duidelijk herkenbaar zijn aan het bekende diamantvormige keyframe-icoon (◇). Daardoor kun je snel wijzigingen aanbrengen zonder te moeten zoeken.

Nog een pluspunt: ook Auto Layout is volledig animeerbaar. Dat opent heel wat mogelijkheden die vroeger veel moeilijker of zelfs onmogelijk waren.

Je kunt meerdere animaties combineren op één element, keyframes handmatig toevoegen en de timing eenvoudig aanpassen door animaties in de timeline te verslepen. Wie al ervaring heeft met Adobe After Effects of Jitter zal zich hier vrijwel meteen thuis voelen.

Is je animatie klaar? Dan maakt Figma ook het exporteren eenvoudig. Je kunt exporteren naar MP4, WebM, GIF en SVG, waarbij je vooraf nog de afmetingen, kwaliteit en framerate kunt instellen.

Wat kan er nog beter?

Overzichtelijkere timeline: Dit voelt als een basisfunctionaliteit. Het zou veel efficiënter zijn als je keyframes eenvoudig van de ene laag naar de andere kunt kopiëren.
Sneltoetsen: Voor de Motion-tab zijn er voorlopig nauwelijks keyboard shortcuts. Wie gewend is om razendsnel door Figma te navigeren, merkt dat dit de workflow afremt.
Meer ingebouwde animatiepresets:Standaardeffecten zoals een wiggle-expressie of een typewriter-effect zouden heel wat handmatig keyframen kunnen besparen.
Parenting en nesting in de timeline: De mogelijkheid om lagen rechtstreeks aan elkaar te koppelen, zodat een child layer automatisch de beweging van zijn parent overneemt, zou heel wat geavanceerdere animaties mogelijk maken.
Meerdere animaties tegelijk selecteren: Momenteel kun je animatieblokken niet eenvoudig samen selecteren of verplaatsen. Die mogelijkheid zou de workflow aanzienlijk versnellen.

Eindconclusie

Figma Motion is zonder twijfel een enorme stap vooruit voor digitale designers en content creators die snel subtiele UI-animaties willen maken zonder Figma te verlaten. Voor dagelijkse prototypes en eenvoudige motion design haalt het heel wat frictie uit het proces.

Toch is het nog geen vervanger voor Adobe After Effects of Rive. Voor professionele motion designers die complexe animaties bouwen, schiet de huidige functionaliteit nog tekort.

Maar als eerste versie is dit een bijzonder sterke start. Figma Motion wordt zonder twijfel een vaste waarde binnen mijn dagelijkse workflow, terwijl ik voor de zwaardere motion-projecten voorlopig nog blijf terugvallen op gespecialiseerde tools.