Design files 1: all the primitives, colour typography etc
Design file 2: building buttons and other components.
I have the typography size as a variable for desktop/Mobile connected to the text style on design file 1.
Desktop: 24
Mobile: 14
When creating a outer frame with a collection of different text and change it from desk to mob on Design 1. all the text change to the smaller size, perfect!
My issue is when im moving to design file 2.
add in the library from D1, create variable sizes desk and mobile for let say a button, add in the text using the text styles from D1 then apply that layer/button with mobile or desktop.
Figma has given me two sets of variables. one for the current file im working in and one from D1.
Im probably doing something wrong but what i was hoping was to use D1 to create the primitives. colour, typography etc and then use the other files to design everything else.
so in the end i would like a full desktop page i can change at the top frame to desktop/mobile and all the corresponding frames inside will change due to the different mode.
i feel its a little bit like having different collection. for light and dark, desktop and mobile. these should be different of course. my issue is that because the typography variable is in a different “collection” its treated like that and will not combine the different versions of desktop and mobile.
