Theme Swapper

Instantly switch to a different theme (like with modes) by swapping deeply nested variables and styles in your selection, based on the variable/style folder name.

✅ This plugin gives you unlimited themes ("modes")❌ Figma Modes are limited to only 10 Modes in Pro and 20 Modes in Organization planHow it works:

1. Create your styles and variables having a theme name as a top-level folder name, e.g.:BrandA/ThemeA/color/bg/primaryBrandB/ThemeA/radius/cardBrandA/ThemeB/color/bg/primaryBrandB/ThemeB/radius/cardBrandC/ThemeC/color/bg/primaryBrandD/ThemeC/radius/card⚠️ Themes are derived only from all top-level variable and style folder names.

2. Use your theme variables and styles in components and screens.

3. Select any element (screen, component, frame, or text)4. Pick a brand to (e.g. "BrandA" or "BrandB")5. (optional) Pick a brand to swap to (e.g. "ThemeA" or "ThemeB")6. Swaps all variables and styles within a selection with just one click!

Save time and effort in your design process by quickly adapting your screens to various themes.---Supported Figma Variables:

Fill colorStroke colorStroke widthGradient stop colorCorner radiusShadow colorSizeGap, PaddingOpacityShow/HideVariables binded in component propertiesSupported Figma Styles:

ColorPictureTextEffect❓ Let me know if something is not working as expected!

Enjoy! 😎