Skip to main content
Riaz_Mohamed
New Member
July 3, 2023
Solved

Unable to view "Change Variable Mode" icon in layer panel

  • July 3, 2023
  • 30 replies
  • 8606 views

Hi ,

Unable to view the “Change Variable Mode” icon in the layer panel after the creation of variable

I am able to see the icon in Page level

I am using Figma Professional licence

Thanks in advance

This topic has been closed for replies.
Best answer by Zhorzhik_Grigoryan

In case of issues, please share the file to explore and assist you)

30 replies

Travis10
August 17, 2023

I was having the same problem of not seeing the mode selector in the layers module. I had two collections, primitives and tokens. The mode was only set on the tokens but I was using primitives so naturally the mode selector didn’t show up.
image

Tanner_Quie
New Member
August 24, 2023

I have been running into the same issue. I have a pro license and my file is in a team project folder, so that is not the issue. When I create variables with modes, I am able to set the page to the mode but if I add a section frame, the layers box in the design tab does not offer the variable icon. I have had success by creating the section then closing Figma and reopening it, the variables icon then showed up in the layers box. While this has worked some of the time, it still doesn’t work most of the time. My guess is that it is a Beta bug but if there is a known reason why this is the case or I am doing something wrong, I’d love to know. Here is a link to an example file where this situation is occurring. https://www.figma.com/file/yT49Qt0bCQFyNJDhF5Srwl/Variables-Training?type=design&node-id=0%3A1&mode=design&t=8p0LN3VRBhBkhz8G-1

tank666
August 25, 2023

Do you mean that when a section is selected that does not contain nested layers, in the Design panel under Layer section you cannot set variable modes? So in this case, everything works as expected, since there is not a single layer in this section in which you can change the variable modes.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
Tanner_Quie
New Member
August 25, 2023

Thank you for that clarification. It totally makes sense now why the option was not showing up yet.

August 26, 2023

Hello, I have the same issue. Some elements on the same page can see the “Change Variable Mode” icon in the layer panel, but some can’t. Even when the “Change Variable Mode” icon shows up, it cannot select the selectors inside the mode.

August 26, 2023

I have set up two collections, but I can only view one collection at a time after I click the “Change Variable Mode” icon.

August 26, 2023

Here is an image I made a few weeks ago, when I was able to choose the selectors from the mode. Thank you for your help.

tank666
August 26, 2023

Is the variable bound to the “Purple/600” style fill?

Your collection has only one mode.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
nanacodesign
New Member
September 11, 2023

I have the same issue too. 😦

MaxZuman
September 19, 2023

It is a new fiature and it is very glitchy because of that

I’ve found that if a component doesnt want to show modes changing icon in Layer block — then I must assign at least one to the component properties, f.e. boolean to its visibility (if I dont have to hide it dynamically) then the mode icon appears.

Whats more interesting — when I clear the boolean set by variable — the set mode icon vanishes but IF I’ve chosen the mode for this component other than (Auto) — it keeps this parameter (it is seen in layers panel on the left) though there is no button in interface to change it…