Skip to main content
kennyr
May 10, 2022
Question

Missing Variants option in right sidebar

I no longer have a variants option in my right sidebar. I select a component with or without variants, and nothing. This is a very big problem. Has anyone encountered this glitch?

This topic has been closed for replies.

37 replies

Nikos_Christopoulos
May 10, 2022

There is an “add variant” button on the top of the page
image

kennyr
kennyrAuthor
May 10, 2022

You can right click on your component and select Main Selection/Variant. This works although not for components that have been dragged in. Weird. Only when you first create it.

kennyr
kennyrAuthor
May 10, 2022

Ah ok. It’s been changed or was that always there and i never noticed it?

Nikos_Christopoulos
May 10, 2022

Just been changed. Among several other updates after the Figma Config! Took me a while to notice it! Haha

Carlos11
May 10, 2022

Hey! I did create the variant with the icon in the top bar, but it doesn’t allow me to add variant properties from the sidebar. Something similar happened to someone else?

kennyr
kennyrAuthor
May 11, 2022

No I don’t think you can from the sidebar.

Phil_Larsen
Active Member
May 11, 2022

If you’re selecting a component that doesn’t have a variant yet, you can add a variant by clicking the icon in the top bar.

If you already have a component with variants, there is a button on the bottom of the group, and you can also add another variant in the dropdown in the side.

image

The last two images are only possible when something has a variant already.

Would be nice if it is returned to the side bar!

May 11, 2022

From Figma support…

We introduced Create and use component properties yesterday at Config. Component propertied define which parts of the component people can change by tying them to specific design properties. This allows you to control things like whether layers are visible, if you can swap an icon or change the text, or if are effects applied.

If you don’t want to create component properties that bind to text/boolean/instance or still want to use variant properties, you can initially create a variant property and then add variants (states) to the canvas via the following icon at the top.

Leif_Hill
May 11, 2022

How do you add additional values to a property? it’s not allowing me to.

Hoby_Van_Hoose_RO
May 11, 2022

Oh, well it’s good that they didn’t remove the action completely but I certainly did NOT think to look there for something that becomes part of the Properties panel section and was there previously. I did find the right-click submenu item on my own.

Figma, could we have both buttons (top and side panel) and the menu command? Building a new design system, I’m working with variants a lot.