Timeline, keyframe, easing, maschere con Clip content e piccoli trucchi per motion pulito direttamente in Figma.
Figma Motion porta dentro Figma un paradigma molto familiare a chi fa animazioni: timeline + keyframe + easing. Il risultato non è solo una preview “carina”: si può arrivare a un output esportabile in MP4, utile per mini promo, hero animate, walkthrough di interfacce e micro‑interazioni da presentazione.
Qui sotto trovi un flusso di lavoro concreto (e replicabile) per costruire una micro‑animazione in stile UI, con alcuni pattern che tornano identici anche quando poi passi a CSS/GSAP.
1) Imposta il canvas come se stessi facendo un video
Per partire puliti:
