Slider in Figma

2 min tutorial on how to design interactive sliders in Figma.

Slider is one of the most common UI controls on the web and in mobile apps. We will create a slider using simple basic elements (2 rectangles and one ellipse). We will create two states for the slider using component variants. After that, we will add a simple On Drag animation between two variants so the user can interact with the slider using the mouse.
----

Twitter:   / 101babich  
Instagram:   / 101babich  

#slider #sliders #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma