Skip to main content

Set a default variable mode for files

  • November 7, 2024
  • 1 reply
  • 158 views

Alex_Young-Davies

It would be awesome if I could choose a variable mode to be the default in my design file.

Let’s say you have 3 product brands that your design team works on. You’ve gone ahead and built out your tokens so that each brand has its own variable mode. Awesome, this allows you to share the same styling rules across your product suite.

BUT, now whenever you’re designing for brands 2 and 3, you are forced to work/explore/iterate in a space that has mode 1 set as the default (brand number 1 is the first variable mode by order in the local variable panel and thus the default). This means that designers working on brands 2 and 3 will CONSTANTLY be needing to go to the mode switcher and updating the mode.

They will need to set the mode every time they:

  • create a new frame
  • pull out a new component
  • have to draw a frame around UI exploration because the Figma canvas is set to the first mode by default.

This seems suuuuuper tedious and can be easily solved by having a “File Mode” or “Default file mode.” I’m currently working on a design system for a company that has 8 product brands!!! This is getting frustrating lol

Thank you or reading!

1 reply

Chloe Atchue-Mamlet

I’d also love this feature, but I just wanted to let you know there’s a better way than setting the mode every time you make a new frame, use a component, etc. You can make a default mode for the entire Figma page. When you have nothing selected, it’s in the “Page” section, next to the hex value for the canvas’s background. 

Still annoying you can’t do it for an entire file, but if you set it at the page level, everything on that page will default to that mode.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings