Hi everyone,
I'm currently cleaning up and standardizing token mapping across our design system, and I've run into a variable/mode issue that I can't explain.
I have an Accordion component that should be mapped exclusively to our Gifted variable collection.
When I inspect the component and click into the variable bindings, everything appears correct. The variables are bound to the expected tokens within the Gifted collection.
However, when I look at the Modes section in the right-hand panel, Figma shows that the component is also tied to the Common Components collection, which shouldn't be happening.
What's confusing is that, after further investigation, it seems the issue may be related to a success state icon variable. The problem is:
- The Accordion component doesn't appear to have any success state icon variables in its variable assignments.
- The success state icon variable only exists in the Gifted collection.
- There isn't a corresponding success state icon variable in the Common Components collection.
- Yet the Modes panel still indicates a binding to the Common Components collection.
I'm trying to understand:
- Why would a collection appear in the Modes panel if none of the component's visible variable bindings reference that collection?
- Could there be hidden or inherited variable references causing this?
- Is there a way to identify exactly which layer/property is causing Figma to report that collection dependency?
- Has anyone seen stale or incorrect collection references persist after variables have been remapped?
I've attached screenrecording showing:
- There isn’t success state button token in Common Component collection
- however, the success state button component is shown as being mapped to Common Component collection ( eventhough it does not exist there)
- the success state button ONLY exist in Gifted Collection, which is the correctly mappingÂ
Any insights would be greatly appreciated. Thanks!