LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt

How to Make a Carousel in Figma



How to Make a Carousel in Figma: step-by-step guide

  1. Inside your Figma design canvas, select the images you want to include in the carousel and then drag them to the frame.

  2. Following that, select the frame that contains the images.

  3. Go to the right-side panel afterwards and click the 'Prototype' tab.

  4. Tap the 'Overflow' menu under Scroll Behavior.

  5. Subsequently, choose 'Horizontal' from the list of options.

  6. Once done, click the 'Present' button to view the carousel.

  7. After completing these steps, you may now view and try the carousel. Simply scroll the images horizontally to see the visual effect.

Quick answer: To make a carousel in Figma, select and drag your images to a frame, then select the frame. Open the Prototype tab in the right-side panel, select Horizontal from the Overflow menu under Scroll Behavior, and click Present to view and test the scrolling effect.

About this Figma tutorial

Create horizontal scrolling image carousels in Figma by adjusting the overflow settings in the prototype panel. Preview your design instantly. This guide shows how to make a Carousel in Figma in 7 steps, starting with "Inside your Figma design canvas, select the images you want to include in the carousel..." and finishing with "After completing these steps, you may now view and try the carousel. Simply scroll the...". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.

Frequently asked questions

How many steps does it take to make a Carousel in Figma?

7 steps. Each one is listed in order above, and the demo highlights exactly where to click.

Can I try it without changing my own account?

Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.

This tutorial is filed under Figma. Related guides: How to Make a Copy of a Figma File, How to Make a Dotted Line in Figma and How to Make a GIF in Figma. Last reviewed 05 Oct 2026.

LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt
🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free→

This website uses cookies to enhance the user experience.

AcceptDecline