Skip to main content

I’m designing a multilingual website using Figma Sites and I’ve set up string variables with multiple modes (for example, en and de) to enable language switching. However, when I try to use the “Set variable mode” interaction in the prototype settings (under the “Add interaction” panel), this option is not appearing or is unavailable in the list.

I've followed the steps to create a variable collection with multiple modes and applied the string variables correctly to my text layers. I'm also on Professional plan, and I believe my plan supports at least two modes.

Could you please let me know:

  • Why the “Set variable mode” interaction is not showing up?

  • Are there any plan limitations or conditions under which this interaction becomes available in Figma Sites?

  • Is there something I might be missing in setup or publishing workflow?

Looking forward to your assistance to resolve this issue.

Hi! I’ve been experimenting with Figma Sites and trying to create a button that switches between variable modes, so the entire site changes language.

My setup, to help clarify the issue:

  • A “Language” collection: with the English and Spanish text strings

  • A “Theme” collection: Boolean variable (IsSpanish == true/false)

In a standard Figma document, I could create a conditional interaction to change a variable’s mode (in this case, switch between English and Spanish).
However, in Figma Sites, as far as I can tell, you can only change the variable value — not the mode. This makes the setup much more limited.

Am I missing something? Is there a workaround to achieve the same result in Figma Sites?
Also if not, is adding variable mode switching as an interaction planned for future updates?

Terms & ConditionsCookie settings