Skip to main content

Curious if anyone can recommend a technique, or perhaps this is a feature request.


I’m using a base design system with color variables (Material 3) and light/dark mode.


I want to create a local variable for my project to handle an exception to the design system (a completely different variable is assigned in light vs dark mode, but both variables belong to the design system).


Currently, I can only do this by using a second, local mode. It’s especially frustrating, because I’m not able to change the parent frame’s mode if the local variable isn’t a visible child (ie, it’s part of a state layer that appears on hover in a prototype).


If I were to broaden the request, I guess it’s something like “more modularity and inheritance options for library/local variables”

Hi @Caleb8, Thank you for reaching out and providing a detailed explanation. I can empathize with your frustration.


I’m not entirely certain but I think this could be a valuable feature request. I came across a related idea that you might find interesting, even though it may not be directly aligned with your specific question. Please take a look at: Published Variable Adjustment - Editing Non-Local Variables


Our community includes many talented designers who may have some helpful insights to offer on this topic. If anyone has suggestions or alternative solutions, please feel free to share them.


Thank you once again for reaching out!


Reply