How to Design and Prototype a Segmented Toggle in Figma | Segmented Control

This video explains how to design and prototype a segmented control/toggle tip component in Figma.

New to Figma? Sign up here:

0:00 - Intro
0:10 - About Segmented Toggles
0:34 - Designing Toggle Buttons
1:57 - Prototyping Toggle Buttons
2:23 - Designing the Toggle
5:21 - Prototyping the Toggle
6:36 - Wrapping Up

⁙ social media:

#segmentedtoggle #uidesign #figmacomponents

[biutejoao]

Thank you so much, as a newbie, this is priceless!!

[nalsaher]

Thank you so much for this helpful video. Can you please explain how to display three toggles with the fourth toggle moving along the screen to the right? Thanks again

[petenotpete]

This is good when you have 3 or 4 options. When the number of items goes up, the complexity of the prototype increases and that's not ideal for design process.
Can this be done with the variables now?

[olonks]

Hey Soren great tutorial. Was just wondering how there is hover if it’s going to be used on phones. Am I missing something?

[Peachymochi]

Sure - but what about a long list of things, like mocking a list box... where only one thing can be selected at at time. Even having like 5+ elements would get really annoying to setup/manage. Have you, or anyone else reading this found a way to easily control toggles with say, variables? Instead of all this manual setup. Imagine you have to add a dollar value to this, you have to go to each instance and modify them all. Axure has a nice feature that just lets you check off "toggle" or something.. i forget. I wish they had this implemented...

Figma is really only designed for simple SIMPLE mobile apps and websites. But it's being sold to companies as an enterprise tool now and now my life is hell.

[growwithhudhayfa]

Hey Soren. I hope you're doing well. I just watched your video and it's really awesome. You explain the whole thing in a very easy-to-understand method. Plus you did not cut out the mistake part which encourages us to be ok with mistakes. I hope your channel grows well. More Power To You. Plus I want to know do u have an Instagram account??