Figma Motion basics: Motion path
Summary
Let’s learn about motion paths in Figma Motion. When you add position keyframes to an animation, that movement is displayed as a motion path on the canvas. Motion paths are made up of dots which indic
Related topics
Transcript Excerpt
Let's learn about motion paths in Figma motion. When you add position keyframes to an object, that movement is displayed as a motion path on the canvas. Motion paths are made up of dots, which [music] indicate an animation speed, also known as easing, and boxes, which mark the position of each keyframe. To view an object's motion [music] path, select it on the canvas or in the layer section of the timeline. Motion paths are [music] not set in stone and can be altered as needed. Reposition keyframes by clicking and dragging them on the canvas or create more natural movement by holding the modifier key and using the handle to add smooth curves to the path. Keyframe position is only half of the motion equation. An animation's easing also influences how it moves. Evenly spaced dots along the m…