Figma Motion basics: Motion timeline
Summary
Let’s learn about the Figma Motion timeline. To access the timeline, switch the toolbar toggle to Motion. The timeline lives across the bottom of your screen. This is where you’ll set keyframes, adju
Related topics
Transcript Excerpt
Let's learn about the Figma motion timeline. To access the timeline, [music] switch the toolbar toggle to motion. The timeline lives across the bottom of your screen. This is where you'll set keyframes, [music] adjust animation placement and length, and preview your animations. You can resize the timeline by clicking and dragging [music] the top edge or collapse it entirely to give yourself more space to preview your animations. Once you add animations to an object, [music] they'll appear on the timeline. Figma motion includes two types of animations: preset animation [music] styles, which appear as blue tracks on the timeline, and keyframes, which appear as blue diamonds. You can click and drag an animation to reposition it on the timeline. To adjust the length of an animation, use the ha…