Figma Select

/

/

/

/

Figma Select

Preview

Figma Select

Figma Select Component

The Select component allows users to select from a predefined list of options. It includes a text input and a pop-up with a Dropdown list component.

By adjusting the Select's nested properties, you can customize the number of items available in the Dropdown component instance. Additionally, you can modify the UI style of the Select from a classic variant to underlined to make it better align with the current layout.

Select Box Anatomy

SetVariantsPropertiesCopy to Figma
Select24Type Secondary, DefaultSize Large, Medium, SmallState Disabled, Focused, Hover, Default

Type

Interactive component

Behavior

Auto layout

Figma Select

Select

select component

select dropdown

figma select

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.