For a deep dive into Interactive Components check out this Figma tutorial. There are some brilliant examples with step by step guide on how to make them: kzread.info/dash/bejne/noqhqpenYLOqgps.html

Nice. Love tutorials with mistakes in it and fixing them 👍👍

@WillBrettDesign

2 жыл бұрын

Glad you found it helpful

Very Helpful Tutorial to create a slider.

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

Hey! Awesome to see another fellow designer starting out on KZread!

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

Great video! Thanks and I look forward to learning more!👍

@WillBrettDesign

2 жыл бұрын

Thanks Livio. Feel free to request videos if there is anything specific you’d like to learn

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

Very good start love Figma. Hope to see a full project would be great. Keep going and let’s grow the channel 💪🏻💪🏻

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

Great video! Thanks for sharing your skills

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

Dude, what an awesome tutorial. I’ve got a deadline tomorrow and this has given me a quick easy way to add some delight to my prototype for the pressie. Thank you.

@WillBrettDesign

2 жыл бұрын

That’s awesome David! If you want to learn how to do more animations and add more delight check my latest tutorials series around Figma, Lottie and After Effects

@davidcjupp

2 жыл бұрын

@@WillBrettDesign went down a storm. Will check your vids. Thanks again.

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

Can you auto populate the slider using a numeric value?

Hi Will!! Amazing tutorial, it was very helpful. Is there a way to have two independent sliders in the same frame? I would like for the user to be able to slide them one at a time. Is there a way to do this? thank you so much!

@WillBrettDesign

2 жыл бұрын

Yes, once you have made the slide an interactive component you can add as many to a frame as you like and they will work independently

@sankeyunge536

2 жыл бұрын

@@WillBrettDesign Is there something specific to do this? I added more but they are all moving together. THANK YOU!

@WillBrettDesign

2 жыл бұрын

Thanks so much for your kind comment. I have a favor to ask. I have been shortlisted for a design award and it's the last day of voting. I need to get as many votes as possible to win and would love it if you could help me out. creativepool.com/annual/2022/shortlist/#EmergingTalent

how do you make it stop in the middle?

@WillBrettDesign

2 жыл бұрын

You can do this by adding another state when making the component

Is there no way to do it without a background frame?

@WillBrettDesign

2 жыл бұрын

Depends what you are trying to achieve. If you want to see the prototype then you will have to use a frame but if you want to add the component to a design then that design will already have a frame so you don’t need one. Hope that helps

that's not good, it just goes automatically from zero to hundred or hundred to zero on drag, it should go along with your cursor or in your mobile UI it should go along with your thumb

Bro this ain`t a slider this is switch ...

@WillBrettDesign

2 жыл бұрын

This is a slider not a switch 👍 a quick google search will prove that.

@win88cents

2 жыл бұрын

@@WillBrettDesign It looks like a slider, but only two states on tap works like a switch to me

@WillBrettDesign

2 жыл бұрын

@@win88cents This is a limitation of Figma. Figma is a design tool and not intended to create working UI. This tutorial focusses on how to create a representation of a slider in Figma. You would then provide design notes for handover when providing the engineers with the design.