motionlang · motion lab

figma.com in motion

Every easing curve, duration and keyframe animation designlang read off the live figma.com page — drawn, timed and replayed. Generated 2026-05-21.

Easing curves 3

ease-in-out 97×
ease
easing-2 1×
cubic-bezier(0.8, 0, 0.2, 1)
spring 6×
cubic-bezier(0.34, 1.56, 0.64, 1)

Durations 6

xs 100ms
sm 160ms
md 300ms
lg 500ms
xl 800ms
xxl 2000ms

Keyframe animations 8

@keyframes animation-6j0toc

    

    

      
@keyframes animation-6j0toc

      

    

    

      
@keyframes animation-jpvf7s

      

    

    

      
@keyframes animation-jpvf7s

      

    

    

      
@keyframes animation-zsk7zs

      

    

    

      
@keyframes animation-zsk7zs

      

    

    

      
@keyframes animation-yh21v4

      

    

    

      
@keyframes animation-yh21v4