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 plan

How it works:

1. Create your styles and variables having a theme name as a top-level folder name, e.g.:

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:

1. Fill color
2. Stroke color
3. Stroke width
4. Gradient stop color
5. Corner radius
6. Shadow color
7. Size
8. Gap, Padding
9. Opacity
10. Show/Hide
11. Variables binded in component properties

Supported Figma Styles:

1. Color
2. Picture
3. Text
4. Effect

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

Enjoy! 😎