How Do You Do a Scrolling Effect in Figma?

Using the scrolling effect in Figma is a great way to add eye-catching animations to your designs. It can be used to create dynamic visuals that draw attention and make an impact on your users.

It’s also a great way to show off the full range of content in your design without having to cram everything into one space.

The scrolling effect in Figma is created using the Scroll Group tool. This tool allows you to create a group of objects that will scroll when the user scrolls down or up.

You can add any type of object into this group, including text, images, shapes, and more. You can also customize how much content is displayed in the group by adjusting the size of the group itself.

Once you have added your objects, you can then customize how the scrolling effect works. This can be done by adjusting the speed of the scroll, changing how quickly it moves from one item to another, and even setting different directions for it to move in (e.g., horizontal or vertical).

You can also use Scroll Groups for more than just scrolling effects – they are also great for creating parallax effects that move objects at different speeds as you scroll through them. This is a great way to add a bit of extra life and movement into your designs.


Using the Scroll Group tool in Figma is an easy and effective way to create scrolling and parallax effects in your designs. It’s a great way to make your designs stand out with dynamic visuals that draw attention from your users. With just a few simple adjustments, you’ll be able to create stunning animations that will take your design work to the next level.