Web Design » Figma » How Do You Make a Scrolling Carousel in Figma?

How Do You Make a Scrolling Carousel in Figma?

Last updated on November 26, 2022 @ 1:35 pm

A scrolling carousel is a great way to display a lot of information in a small space on your website. Figma makes it easy to create and customize a scrolling carousel for your web project.

To create a scrolling carousel in Figma, first create a frame that is the size you want your carousel to be. Then, within that frame, create as many individual layers as you want slides in your carousel. Make sure each layer is the same width and height as the frame.

Once you have all of your layers created, select them all and click the “Group” button in the toolbar. This will group all of your layers into one “carousel” layer.

Now that your carousel layer is created, you can add scrollbars to it by selecting the layer and clicking the “Add Scrollbars” button in the toolbar. This will add vertical and horizontal scrollbars to your carousel so you can scroll through all of the slides.

You can also add navigation arrows to your carousel by clicking the “Add Navigation Arrows” button in the toolbar. This will add left and right arrows that you can click to scroll through the slides.

To change the order of the slides in your carousel, simply click and drag them into the order you want them to appear. Figma will automatically update the order of the slides when you scroll through them.

Finally, to style your text in HTML using < p >,< b > and < u > tags, simply select the text layer and click the “HTML” button in the toolbar. This will open a window where you can enter your HTML code. Figma will automatically update the text on your slide to match the code you entered.

Creating a scrolling carousel in Figma is a quick and easy way to add a lot of information to your web project without taking up too much space. By following these simple steps, you can create a customized carousel that fits perfectly with your project’s design.

PRO TIP: This article contains instructions on how to create a scrolling carousel in Figma. However, it is important to note that Figma does not currently support this functionality. Attempting to follow these instructions may result in unexpected behavior.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.