Variable and Style Swapper

About this plugin

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.:ThemeA/color/bg/primaryThemeA/radius/cardThemeB/color/bg/primaryThemeB/radius/cardThemeC/color/bg/primaryThemeC/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 (component, frame, or text)4. Pick themes to swap from and to (e.g. "ThemeB" → "ThemeC")5. 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! 😎