I’ve noticed in my Figma file, I get these odd ‘Primatives’ and ‘Tokens’ which should when I click the Variable icon next to “Page”.
I do have a default and one alternative Mode - which is under “Local Variables”. But the other ones shouldn’t exist at all. I haven’t actually ever created a “Tinted Background” or “Light Background” Mode in any project ever. So I have no idea where they’re coming from?
The fact there’s two “Tokens” is also confusing?
There are no Libraries added to the file and none are “In Use”. I’ve attached screenshots showing the rogue options as well as the variables I have setup in the file so you can see there are no other Modes there.
Any ideas? I thought they could be coming from other files within the “Team” but if they’re not linked and share nothing in common, this shouldn’t be the case, right?
As a follow up to this. I literally deleted every single element in the file, so every page was blank and the issue remains.
So I duplicated the Figma File. Deleted/updated it so there is only 1 single mode. And I get the “Red Mode” listed from another completely unrelated file. They don’t share a design system or anything, all components and variables are local.
Hey @Stephen_Moy1, thanks for reaching out and sorry for the delayed reply!
It looks like you are seeing those used variables because they are still linked to some components in your file. Possibly if you copy-pasted these components into the file. Can you try to detach deleted variables as follows?
In the file with the issue, select all the content on the page, then go to the ‘Quick actions’ menu in the top left menu of the file and search the command ‘Detach deleted variables’ and click this.
Do this on each page
Then, go to each library file that contained variables, then select all the content on the page, then go to the ‘Quick actions’ menu in the top left menu of the file and search the command ‘Detach deleted variables’ and click on it.
Do this on each page, then publish the changes.
Then accept the library updates in the file with the issue.
Then close the file with the issue and open this after a few minutes.
You may still need to manually check your components and make sure to detach any variables which are not being used. Please let us know if this helps!
I’m pretty sure this has been caused by copying components/elements from other files into a new project/design file. I believe I’ve found what was causing the issue(s) now.
I did run that command after highlighting all the pages/elements in the layers panel but after running I got the message below, so I guess it wasn’t that.
Although I disconnected all visible colours/fonts/components I guess I missed a few. Although it’s worth mentioning when I highlighted elements none of the ‘linked’ colours showed in the “Selection Colors” panel - which is why I thought I’d got them all.
I can’t figure out the exact reason why these links colours didn’t show. One instants visibility was hidden - so maybe that’s why.
But I don’t think that was the case for another. Maybe it could just be because it was nested deep in the layers/components and wasn’t picked up?
Glad to hear you think you found what was causing the issue!
Used variables issues tend to differ on a case to case basis, but deeply nested variables do tend to be the root cause for most.
Please do let us know if you run into any further issues!
Hey! I had the same problem and even trying to run the “detach deleted variables” it didn’t work, I got the same message “Detached 0 consumptions. 0 deleted variable consumptions remain.”
It’s a very large file and the whole design team uses this file (it’s our design system components ) so it’s not possible to detach everything and check every layer.
Hey @Isabella_Rovani – I think having support review this would be the best thing in your scenario. Unfortunately, I’m not able to really deep-dive into your specific instance (and these things do tend to be influenced by how a design system is set up).
Can you fill out this form, and then let me know when you’ve done so? I’ll make sure it gets routed to the right place for quicker review.
