Hey everyone, we have a custom solution that pulls our variables directly from Figma into code. It works by identifying each variable through code syntax and distributing it based on the platform (iOS, Android, Web). We encountered an issue where a specific variable appears as a duplicate.
The problem is that this repeated variable doesn’t actually exist as a duplicate in Figma—there is only one instance. We’re using a plugin called Heron Variables that processes all variables, applying code syntax for each one based on its name and platform as defined.
Here’s the output from our developers:
...
'Component/Button Text/Tertiary/Default',
'Component/Button Text/Tertiary/Hover',
'Component/Button Text/Tertiary/Pressed',
---------------------------------------------
'Component/Button Text/On Color/Text',
'Component/Button Text/On Color/Text', <- AGAIN
---------------------------------------------
'Component/Button Text Navigation/Text' <- NEXT TOKEN
...
As you can see in the code below, it seems as if the old name value we had for this particular variable has stayed “frozen” in the code syntax, even though it should match the name of the variable. Here’s what our developer is seeing for that specific variable, which is unexpected since the code syntax should align with the variable name:
{
...
"name": "Component/Button Text/On Color/Text",
"isHidden": false,
"type": "COLOR",
...
},
"codeSyntax": {
"ANDROID": "componentButtonTextBrandAltText",
"iOS": "componentButtonTextBrandAltText",
"WEB": "var(--component-button-text-brand-alt-text)",
"DesignerDashboard": "Component/Button Text/On Color/Text"
}
}
Has anyone encountered a similar issue or have any potential solutions?"