Prototype A Looping Marquee Animation In Figma
In this video, I’ll show you how to create an infinite looping marquee animation with photos in Figma...perfect for website prototypes and modern UI presentations.
We’ll begin by creating a group of images and duplicating them so the same pattern appears at the end of our auto layout. This becomes our Marquee Track. Then, we’ll wrap that auto layout inside a frame—our Wrapper—duplicate the frame, and offset it so the repeated images align perfectly.
With both frames ready, we’ll turn them into a component set and use Figma’s Smart Animate to bring it all to life—mimicking the infinite looping marquee effect you’ve seen on countless websites.
https://www.figma.com/design/2xoe6Org...
----------------------
Disclosure: There are affiliate links below, and I may receive commissions for purchases made through these links.
Tools/Resources I'm Currently Using :
💻 Apple 2023 MacBook Pro Laptop M3 chip
https://amzn.to/47iLnyh
---------------------------
Vidzflow - Video hosting for Webflow
https://bit.ly/41ReDL3
---------------------------
Screen Studio - Screen Recorder Used To Record Video
https://bit.ly/4cL5xnE
---------------------------
👉 Access the world’s largest library of Figma & Webflow components
https://bit.ly/blrelume
---------------------------
👉Try Webflow
https://bit.ly/401OitS
---------------------------
👉 Use BRIAN99512 at checkout and get 20% OFF at FULLERMOE. Watch a demo here!
https://fullermoe.com/welcome
---------------------------
👉 Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Check out Untitled UI. Save thousands of hours, and level up as a designer.
https://bit.ly/49Q7xds
---------------------------
👉Sonduck Film Motion Graphic Templates
https://www.sonduckfilm.com/?ref=22
---------------------------
👉 Envato Elements
https://1.envato.market/yR6A4b
---------------------------
#figma