Figma Carousel

/

/

/

/

Figma Carousel

Preview

Figma Carousel

Figma Carousel

The Carousel component is a slideshow that enables displaying multiple pieces of content within one frame. It allows cycling through its content with nested controls, keyboard keys, and swipe gestures.

Carousel UI Best Practices

  • Autoplay with user control: If auto-advancing, allow users to pause and resume easily.

  • Adjust the number of visible pagination controls according to different amounts of content.

Carousel Anatomy

SetVariantsPropertiesCopy to Figma
Carousel12Type Default, Bounded, SegmentedSize Small, Medium, Large, XL

Type

Interactive component

Behavior

Auto layout

Figma Carousel

Carousel

carousel example

carousel component

figma carousel

Interactive component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
— 10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.