How Do You Make a Scrolling Prototype in Figma?

Prototyping is essential in any design process. It allows designers to quickly create interactive mockups of their designs and test them with users. With the help of tools like Figma, it’s easier than ever to create highly-functional prototypes.

Figma is a powerful tool that allows you to quickly and easily create prototypes, including scrolling prototypes. Scrolling prototypes are great for showing how the user can navigate through different parts of an app or website. Here’s how to make a scrolling prototype in Figma.

Step 1: Create Your Artboards

The first step is to create your artboards. These are the individual screens that make up your prototype. You can use Figma’s Auto Layout feature to easily create artboards for different device sizes and orientations.

Step 2: Add Interactions

Next, you’ll need to add interactions between your artboards. In Figma, this is done with the “Link” tool.

You can link artboards together by dragging from one to another. This will create a transition between artboards when you preview your prototype.

Step 3: Add Scrolling Interactions

The final step is to add scrolling interactions to your prototype. This can be done using the “Scroll” tool in Figma.

You can set the direction of the scroll and adjust other settings such as speed, easing, and looping.


Creating a scrolling prototype in Figma is easy and straightforward with its intuitive interface and powerful tools. By following these three simple steps – creating your artboards, adding interactions between them, and adding scrolling interactions – you’ll be able to quickly build an interactive prototype of your project with ease!