I have been playing with Figma Sites recently, trying to get to grips with how it works.
I created a Design separately that utilised component variables with Modes to allow for typography sizing between desktop and mobile variants. Once published, I can add the components to Sites (hero banner, content block etc) and switch between Desktop and Mobile variants with ease, HOWEVER, the type modes do not change.
They appear to show up correctly on the Sites file, but when you come to ‘full preview’ or publish, the mode values are not applied!?
It feels like possibly due to the way you need to build/design pages in Sites (desktop first, which IMO is odd) with a natural cascade down to mobile, there is a bug / conflict between setting an appearance mode on the desktop design and then trying to apply a different mode to the mobile breakpoint/design.
I have tried a few work arounds - restarting, applying modes to both parent and sibling layers/components, clearing cache, but have had to result in detaching the published library styles for it to work correctly!? 😔
Anyone else experienced this.
