How Do You Do Parallax Effect in Figma?

The parallax scrolling effect has become a popular design element in recent years. It is a technique used to create the illusion of depth and movement when the user scrolls down a page.

Parallax scrolling can be used to create an immersive and engaging user experience, making the page feel alive and interactive.

Figma is a powerful and versatile design tool that allows you to create beautiful designs quickly and easily. It has a wide range of features that allow designers to get creative with their work.

One of these features is the ability to use parallax scrolling.

The parallax effect in Figma can be achieved by using the Scroll Group feature. This feature allows you to group elements together so that they scroll at different speeds and distances when the user scrolls down the page. You can also control how much each element moves by changing its speed or distance from other elements.

To set up a Scroll Group, first select all of the elements you wish to group together. Then, click on “Create Scroll Group”. This will open a panel where you can adjust various settings for your group, including speed and distance.

Once your Scroll Group is set up, it’s time to start adding animations! Animations can be added by selecting an element in your Scroll Group, then clicking on “Add Animation”. From there, you can choose from several animation options such as fade-in or slide-out.

Using parallax scrolling with Figma is an easy way to add depth and movement to your design. With its wide range of features, Figma makes it easy for designers to create unique designs that stand out from the crowd.


Creating parallax effects with Figma is easy and straightforward thanks to its powerful tools for grouping elements together and adding animations. With just a few clicks, designers can make their designs come alive with motion and depth, creating an immersive user experience that stands out from the crowd.