Figma: Animating Design Prototypes

In this course, move beyond Figma's basic design tools into more complex and involved prototypes and mockups. While static prototypes can be very helpful, adding animation to your screen transitions and individual user interface interactions can take the realism of your designs to the next level. Instructor Joseph Labrecque starts with a look at how animations and transitions are designed in a Figma prototype. Learn about the Smart Animate feature for quick motion and transitions, how to customize the parameters of animation—like duration, delay, and even custom ease and spring settings—in Figma, and how to create and animate common UX design patterns like splash screens, loading animations, transitions, component states, and progress bars.