MEDIA SCRUBBER PROTOTYPE

step 1: animation

Started by organically designing the animation in Figma’s new motion design tools to dial in the timing, and the overshoot when the scrubber returns to neutral.

step 2: PROTOTYPE IN FIGMA MAKE

I then progressively prototyped the interactions—starting with the scrub, adding an accurate time counter, play/pause and the 15-second jumps.

The left button had some AI-introduced formatting issues when transitioning to Figma Make that didn’t fall within the scope of the ~20 hour project.