Gepolijste beweging in een prompt
Maak professionele animaties met de agent van Figma. Gebruik het voor herhaalde bewegingen of complexe verhalen.
Figma Motion
Maak nauwkeurige, productieklare animaties direct op het canvas.
Motion-ontwerp, voor al je ontwerpen.
Of je nu nieuwsgierig bent naar beweging of een expert in easing bent, het is gemakkelijk om je ontwerpen uit te rekken, te laten stuiteren of samen te drukken.
Beheer elke keyframe
Je hebt volledige controle over de tijdlijn. Stel elk frame en elke eigenschap precies in zoals je wilt, en betrek vervolgens teamgenoten om de definitieve animatie vorm te geven.
Uitgebreide creativiteit. Precieze controle.
Breng duidelijkheid en expressie in je werk. Animeer laadtoestanden, hover-interacties, logostijlen en meer. De tijdlijn is de limiet.
Bouw snel met kant-en-klare stijlen
Animatiestijlen zijn ingebouwd: waaronder Vervagen, Draaien, Opschalen, Formaat wijzigen en meer. Stapel stijlen om je visie te realiseren.Aangepaste stijlen zijn binnenkort beschikbaar.
Tijd automatisch aanpassen
Gebruik autokey om je bewegingen bij te houden en op te nemen, en pas vervolgens elk keyframe aan met Bézierkrommes en veren.
Betreed een nieuwe dimensie
3D-transformaties geven je ontwerpen en afbeeldingen diepte. Combineer ze met beweging om objecten te laten bewegen zoals ze dat in de echte wereld doen. Binnenkort beschikbaar.
Maak alle overgangen soepel
Elke overgang van scherm naar scherm heeft nu een volledige tijdlijn, en je kunt de timing voor elk element aanpassen. Binnenkort beschikbaar.
Bouw systemen één keer. Pas ze overal toe.
Motion-systemen stellen je hele team in staat om snel overal merkvriendelijke middelen toe te voegen.
Hergebruik componenten binnen middelen
Systematiseer veel voorkomende bewegingen: je hoef niet telkens vanaf nul te beginnen. Creëer modi en componenten die overal werken waar ze worden toegepast.
Ruil variabelen om om tijd te besparen
Verplaats snel tussen verschillende bewegingswaarden met variabelen en tokens.
Exporteer animaties direct naar code.
Al je animaties worden ondersteund door echte, productieklare code en zijn direct vanuit Figma exporteerbaar.
Moeiteloze overdracht aan ontwikkelaars
Ontwikkelaars kunnen de hele bewegingstijdlijn in Dev Mode inspecteren en vervolgens animatiecode direct in CSS, JSON of React kopiëren.
Geef AI-agents volledige bewegingscontext
Stuur animatiecode naar je agentische coderingstools via de Figma MCP-server. Het bewaart al je waarden, zoals easing en timing.
Exporteer direct vanuit Figma
Deel beweging breed. Zet elk geanimeerd frame om in een MP4-, GIF-, SVG- of WebM-bestand.