Variable modes for multiple languages

Hi guys,

I’ve been trying to figure out a solution for this for the past few days, but I can’t seem to find one. Maybe Figma isn’t capable of doing this yet, but I wanted to check if anyone has found a workaround.

I’m working on a PWA that supports three languages: English, Sinhala, and Tamil. I have two main screen sizes: Desktop and Mobile.

What I’m trying to achieve with Figma Variables is something like this:

• Screen size: Desktop / Mobile
• Language: English / Sinhala / Tamil

Ideally, I want Desktop and Mobile to be one set of modes, while the language selection works independently across both screen sizes.

Since both Desktop and Mobile use the same three languages, I don’t want to create combinations like Desktop-English, Desktop-Sinhala, Mobile-English, Mobile-Sinhala, etc.

 

The screen size collection is defined on Base.
 

this two uses the Mobile and Desktop collections as varibales each containing three varibale modes for the 3 languages.

I want to be able to switch the screen size and language separately without selection language seperate for each screen size (Desktop vs Mobile)

I can’t seem to find a way to do this in Figma Variables. Has anyone solved something similar or found a good workaround?