Infinite Vertical Scroll Animation in Figma (Auto Loop & Opposite Direction Effect)
In this tutorial, you’ll learn how to create an automatic infinite vertical scroll animation in Figma, where one section scrolls up while the other scrolls down continuously.
This effect is commonly used in modern landing pages, portfolios, Web3 websites, and SaaS designs to add motion, depth, and visual interest.
You’ll learn:
How to set up an infinite looping scroll
How to create opposite-direction (counter-scrolling) animations
Smart frame duplication for seamless loops
Best practices for smooth UI motion in Figma
This tutorial is beginner-friendly and requires no plugins—just pure Figma auto-layout and prototyping techniques.
If you want to improve your UI animation skills and design more engaging interfaces, this video is for you.
👉 Want to become great at design? Come learn with us at Cirvee.
👍 Like, subscribe, and turn on notifications for more Figma UI animation tutorials.