How Do You Do Side Scrolling in Figma?

Side scrolling in Figma is a great way to design websites, app interfaces and other digital products. It allows you to create a dynamic, interactive user experience by introducing elements that move when users scroll down the page. Side scrolling also allows for a more engaging and immersive design, as it allows for more content to be displayed without having to worry about clutter.

Figma makes side scrolling simple and intuitive with its easy-to-use tools and user friendly interface. To start, you need to create two frames – one for the fixed elements that will stay in place, such as your logo or navigation bar – and one for the elements that will scroll with the user.

You can then fill these frames with your content. Once you’ve done this, you can add a scroll widget to the frame containing your content so that it will track the user’s movement down the page while they scroll.

You can also use Figma’s constraints tool to help you control how elements move when scrolling. This is particularly useful if you want elements to move at different speeds or if you want them to stick in place at certain points during a scroll. You can also use constraints to control how items appear when users scroll back up the page.

Finally, don’t forget about animation! Figma makes it easy to add animations that enhance your side-scrolling experience by making items appear or disappear as users move down the page. This is an especially effective way of creating an engaging user experience and helps make your design more dynamic.


Side scrolling in Figma is an effective way of creating interactive designs that draw users into an immersive experience. With its easy-to-use tools and user friendly interface, Figma makes it simple to create side-scrolling designs with fixed elements, scroll widgets and animation effects. By taking advantage of these features, designers can create stunning designs that engage users while allowing them to explore more content without worrying about clutter.