The SIMPLEST Way to Create an Interactive SLIDER in Figma (Tutorial)

Amazing tutorial Mavi. Thanks, It worked perfectly.

Damn! I'm a developper trust me it's easier in code

What a shit tutorial tbo. You dont have to do all the Group, Frame, Auto layout and slide out with shift arrow shit you can do this in 1 minute but you show a very inefficient dumb way just to get a 10 Minute video out of that without even showing a real slider that can stop
Guys dont be dumb and do it the easy smart way not like the guy in this Video !

Brilliant video

it not work, when i drag the button and slide, i want to stop at a number 500, it already slide to 1000, it don't stop at the right number i want

Great, thank you!!!

my question if drag circle to 100 to 900 leave mouse why circle goes at its position, why cant it stop between these value

Heyy, i am unable to see the in between nos. Or unable to move it back and forth as shown.

Once draging it moves to 1000 and stop displaying the in between nos.

Amazing job! Thanks for sharing :)

Thank you I have successfully attempted the prototype and working well with 0 to 100. but when I have created 0 to 100 total 10 different slider with values 10, 20, 30.....100. and when I am playing the prototype I am not able drag it to directly from 0 to 100. instead I have to click and drag 10 times to reach to 100, even though I have connected the wire of each component with each other.... for Example I have connected 10 with 20, 30, 40, 50...100 and vice versa for each. Have I made any mistake in here, please let me know

Thanks for the tut, you rock buddy!

Amazing tutorial!! Just used this for my bootcamp project

Hi, idk if I was wrong, but once I tryna drag the slider, It just moves very fast to 100. I try to drag it slowly but didn't appear to get middle value like 30 or even 50. Did you know how to fix it?

Great tutorial, are you able to implement this in a circular motion? As in a Thermostat...

Great tutorial! I’ve got a quick question. I have the slider on about 5 pages. Each page has 1 chip that must be selected before the final page where the slider is to be used followed by clicking “update profile”. The issue I am running into is the slider not resetting after I click update profile and try the flow again. Any suggestions?

it. is going back once loose the controll

Hey Im having some issues connecting the number to the slider. Wondering if you have a link to your figma board so I can look at your structure.

Awesome tutorial, thank you.
I have a question, if I want to make my slider stop at every other numbers between 1 and 10, does that mean the way you created variants for 1 and 10 I'll also create variants seperately for numbers 2-8 and then link them in the prototype?
I don't know if my question is still making sense.😅