Figma Slider
Figma Slider
Preview
Figma Slider
Figma Slider Component
The Slider component displays a range of values you can adjust by sliding the sliders. The slider is used in settings panels, data filtering interfaces, and dashboards, making it easier for users to fine-tune many included parameters precisely.
The slider UI can be customized to display continuous or discrete data by hiding or showing nested value ranges via component properties.
Slider Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| BarSlider | 12 | Type Double, SingleSize Large, Medium, SmallDisabled True, False | |
| SliderInput | 12 | Type Double, SingleSize Large, Medium, SmallDisabled True, False | |
| SliderRange | 12 | Type Text, NumericSize Large, Medium, SmallDisabled True, False | |
| Slider | 12 | Type Text, NumericSize Large, Medium, SmallDisabled True, False |
Figma Slider
Slider
figma slider component
slider example
slider component
Interactive component
