About this collection
Welcome to the Motion design fundamentals collection! In this guide, you’ll learn the principles behind effective motion design. Whether you’re brand new to motion design or are looking to level up your knowledge, the essential concepts and hands-on projects here will have you animating in no time.
When you complete this collection, you’ll have a solid understanding of the following motion design concepts:
- Timing: How fast or slow an animation moves
- Sequencing: The order in which animations play
- Easing: How an animation accelerates or decelerates
- Transformation: How a layer’s properties change over time
- Exaggeration: How pushing motion beyond reality adds personality and expressiveness
Once you’ve covered the essentials, you'll take a quick tour of Figma Motion, then put your knowledge to work with these hands-on projects:
- Create a bouncy square animation: Learn how to add keyframes to the timeline and turn animations into reusable components
- Animate a loading indicator: Use the trim paths property to create a loading indicator that grows and shrinks as it spins