How to Design Slider Components in Figma | Material Design Slider Component Tutorial
In this video, I walk through how to design sliders in Figma. This is a component used in Google's material design system, which you can learn more about here: https://m2.material.io/components/sli...
Figma file: https://www.figma.com/community/file/...
Music for this video is by Cordio. You can learn more about their music here: / @uclb_e9xtngw. .
New to Figma? Sign up here:
https://psxid.figma.com/xogqvqq7ah54
0:00 - Intro
0:09 - What are Sliders?
0:48 - Designing the Standard Slider
2:34 - Standard Slider States
3:53 - Creating the Slider Component
5:11 - Designing the Discrete Slider
6:06 - Discrete Slider States
10:59 - Creating the Discrete Slider Component
12:36 - Wrapping Up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/
#uxdesign #materialdesign #ui #slider