A Figma plugin for creating slider stacks
View the Project on GitHub navelpluisje/figma-slider-creator
Slider Creator
in the Community areaCongrats, that’s step 1.
Slider Creator uses a frame or group as a base node. If you want a group to be a slider stack, the plugin will move it into a newly created frame. Within the group you can have your separate layers to build your knob out of. Deciding which layer to slide is managed by naming. There are 4 keywords to start your layer name with:
cap
: Tha cap of the slider.cap-range
: The cap will move within the range of the cap-range
. After creating the stack, the opacity of the cap-range
will be set to 0
.track
: The track of the slider.progress
: The visual representation of the progress
progress-center
: The progress for the value will be left and right from the centerThere is no need to use them all in every knob off course. I hope this image will give you a better understanding of the above:
And the structure would look like:
Slider Creator
The next modal pops up:
step
The end result (steps: 5, degrees: 270) wll look like this: