n7ck
commented
1 year ago Open n7ck opened 1 year ago
n7ck
commented
1 year ago n7ck
commented
1 year ago Ended up instead using Figma as Source of Truth and doing something similar to this video using this Add-On to Export
Video: https://www.youtube.com/watch?v=lVgToBXUOZs
Add-ON: https://www.figma.com/community/plugin/1254848311152928301/variables-import-export
Its a bit complex since the Figma Variables are in multiple files not 1 like video so I have 3 Converter Scripts and I am also dealing with Light and Dark mode colors and colors that change based of variable so more complex
I tried this out.
I could only get it to work with variables that are static text strings, is that expected?
Is it possible to get this to work with Colors and Color Variables?
Like I got one Collection called _Core Colors ( with one mode: Value )
And inside that it defines Black/100% as 000000
Then in a 2nd Collection called Mode ( with two modes: Light and Dark )
The Background/Primary as Light: White/100% Dark: Black/100%
Also Inside a Mode The Designers have additional Nesting... not sure if that is possible to do?
Like:
Collection: Colors but inside that there is Colors/Text/Content/Darkest ( with Light and Dark Value ) Colors/Text/Content/Dark ( with Light and Dark Value ) Colors/Icon/Content/Darkest ( with Light and Dark Value )
Everything isn't just directly inside the Collection like Colors/Darkest Colors/Dark
Variables are nightmare to deal with for developer right now since I can't even see their mappings unless I have "edit access" which developers never do.