All Collections
Designer's Guide to Anima
Tutorials by Design Tool
How to Add Carousel Feature to Figma Design
How to Add Carousel Feature to Figma Design

Enhance your design by using Figma's native carousel or horizontal scroll feature

Leonardo Hurovich avatar
Written by Leonardo Hurovich
Updated over a week ago

Make your prototypes and sites more interactive and impressive by adding a horizontal scroll effect to different sections of your design. A horizontal scroll is a great feature for a section containing many images, cards, or other sequential elements. Anima supports Figma's native horizontal scroll option, and setting it up is simple!

Skip to a section:

How to add Carousel / Horizontal Scroll:

  1. Once you've designed or inserted the relevant elements into your Figma file, select them all, right click and select 'frame selection', then drag them all into the relevant main frame.

πŸ’‘ Tip: Be sure to minimize the size of the container frame so that it's no wider than the main frame containing it.

2. Next, go to the Prototype tab in Figma and beneath Overflow scrolling, select Horizontal scrolling.

3. Repeat for all relevant sections, then Preview and Sync to your Anima project to see it live!

How to make your Carousel 'Clickable'

Go Live or Export Code

Once your project is ready, you can go live with Anima's generated public link, connect your custom domain, or export your code framework of choice!

Try it on your own for free!

Get involved in our Anima Community Forum! 😎

New to Anima?

Learn More

Did this answer your question?