Figma Divider

/

/

/

/

Figma Divider

Preview

Figma Divider

Figma Divider Component

The Divider component splits UI contents, sections, and elements, either horizontally or vertically, with a thin, border-styled line.

Frames X divider offers label text with multiple placement options, providing greater flexibility if you want to add dividers either to Side Menus, Cards, or other components requiring clear visual hierarchy.

Divider Anatomy

SetVariantsPropertiesCopy to Figma
DividerVertical4Type Default, Label Left, Label Center, Label Right
DividerHorizontal4Type Default, Label Left, Label Center, Label Right

Type

Helper component

Behavior

Auto layout

Figma Divider

Divider

divider example

divider component

figma divider

Helper 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.