Figma / How to Hack a Slider with Auto-Layout

[markfrain]

Nice tip and sliders although I'm curious how this could be used in an interactive prototype

[stevestremsterfer]

Huge help! Thank you. I battled with making an Auto Layout interactive slider just last week and couldn't figure it out. Your "hack" is slick!

[nirjagauchan]

Wow! Its amazing what we can achieve from auto-layout and variants combo.. It's magical. Figma's amazing. Thank you so much for sharing. I can't wait to try it out by myself in my next project

[yashodhanxyz]

awesome, got a lot of tips from this one

[dvskgem]

Thank you so much! It's amazing 🔥🔥🔥🔥🔥

[graphinicusparashar]

I love the method and how you described it but how i used in the interaction so I can view sliding in prototype mode

[jenya]

Thanks for sharing this nice method! I have some questions about it.
What about the tiny spaces you can see between the rectangles and the circles? Is that something that needs to be fixed, UI-wise, or will most users not notice?
Also, I can't make the whole slider resize proportionally, the selected area always remains the same length. Would it be something for developers to figure out, or can we fix it with auto layout?

[tuyentruong]

Hi Danny, do you have advice on how to remove the slight gap from the ellipses inside the Slider frames?

[hortike]

Thank you that's what I 'm looking for 🙏

[ndutasamwa]

Great tutorial! How do you animate the range in an interactive prototype?

[yamilafritzler]

this works well when the line of the range selector is slim but when it's thick you can see the edges. Is there a solution for that case?

[kss]

Thanks! Nice tutorial. Now how to go to the next page based on choices on the slider

[partheniadis]

Great! Could you please update it with Figma Variables to make it fully interactive?

[khawajaansaruddin]

Cool One - How are you animate for functional prototype?

[canngo]

I was curious, what do people end up using this for? It'll eventually be coded but do these figmas really need to be that interactive??

It's really cool but I can't figure out a good use case yet.

[bombdiggity]

How did you constrain the purple bounding box without the object moving around? I can't seem to constrain it so that it perfectly resizes around the circle

[MyntillaeNashMyntifreshDesigns]

How do you make this slidable on the prototype so it's interactive?