Skip to main content
Question

How can I make only one segmented control item selectable in Figma?


arda0

I'm designing a segmented control in Figma. I want only one item to be in the "Selected" state at a time — so when I click on an item, it becomes selected and the others automatically return to the default state.

Is there a way to prototype this without manually creating a separate interaction for every possible combination? I’d like to keep it scalable if possible.

I've heard that using Variables and "Set Variable" actions might help, but I'm not sure how to set that up correctly.

giliard
  • New Member
  • June 8, 2025

It is possible, but in my opinion, it may take a lot of manual work, adding variables, and making the logic work between each option. Going the simple way, only adding the visuals and connecting them, would work more easily.

Below, I am attaching how I did this quick prototype of a segmented control using variables.

 


giliard
  • New Member
  • June 8, 2025

I've published this prototype to the Community: 

https://www.figma.com/community/file/1513661009502150869 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings