Back to Browse

Slider in Figma

106.7K views
Dec 21, 2022
2:26

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: http://twitter.com/101babich Instagram: http://instagram.com/101babich/ #slider #sliders #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma

Download

1 formats

Video Formats

360pmp42.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Slider in Figma | NatokHD