Skip to main content
Riaz_Mohamed
New Member
Jul 3, 2023 5:46 AM UTC
Solved

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

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.
Zhorzhik_Grigoryan
New Participant
Jul 3, 2023 7:18 AM UTC

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

30 replies

Travis10
Aug 17, 2023 11:58 PM UTC

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
Aug 24, 2023 10:14 PM UTC

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
Aug 25, 2023 7:10 AM UTC

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
Aug 25, 2023 5:00 PM UTC

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

Aug 26, 2023 6:24 PM UTC

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.

Aug 26, 2023 6:26 PM UTC

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

Aug 26, 2023 6:28 PM UTC

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
Aug 26, 2023 6:37 PM UTC

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
Sep 11, 2023 3:38 AM UTC

I have the same issue too. 😦

MaxZuman
Sep 19, 2023 4:45 PM UTC

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…