Figma Tablist

/

/

/

/

Figma Tablist

Preview

Figma Tablist

Figma Tablist Component

The Tablist or Tab List component organizes related content into separate tabs, allowing users to switch between them and access separate sections or views.

You can use the Tablist UI component to adjust its direction and style, matching it with any surface or layout direction in your project.

Tablist Anatomy

SetVariantsPropertiesCopy to Figma
Tablist36Size Large, Default, SmallPosition Top, Bottom, Left, RightItems x4, x6, x8
TablistLine36Size Large, Default, SmallPosition Top, Bottom, Left, RightItems x4, x6, x8
TablistFolded36Size Large, Default, SmallPosition Top, Bottom, Left, RightItems x4, x6, x8

Source

Type

Interactive component

Behavior

Auto layout

Figma Tablist

Tablists

tablist design

tablist component

tablists component

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.