Tutorials

Prototyping 101

Introduction to Figma prototyping covering basic frame-to-frame navigation prototypes and some of the more advanced capabilities that you can unlock with features such as interactive components.

Related: Community design file

Prototyping 201

Intermediate-level deep dive into the prototyping features in Figma, with a focus on advanced scrolling, micro-interactions and animations. It covers topics like scroll to interactions, sticky scrolling, interactive components, and smart animate.

Related: Community design file

Animation basics

How to apply motion and animation when prototyping with Figma, including concepts like transitions, delays, timing, smart animate, and interactive components.

Related: Community design file

In this section