Variant Switcher

The Variant Switcher plugin recursively changes component instances to a different variant based on the specified property.

If you have a lot of different components in your design system that share a same property (e.g., "theme"), you can use this plugin to switch them to the same property value (e.g., "theme=dark theme").

Video tutorial on YouTube.

UsageThe Variant Switcher plugin has three main input fields:

Property Name: the property you want to changeFrom Variant: (Optional) the current value you want to target (leave blank to select all instances with the selected property regardless of the current value)To Variant: the new value you want to set the propertyAnd a few advanced options:

Deep Switch: When unchecked, the plugin will not switch children after switching parent instance. (Diagram explanation)Switch Full Document: When checked, the plugin will traverse through the entire document. When unchecked, the plugin will only switch the current selection, or the current page if nothing is selected.

Exact match: Whether to do an exact match or a fuzzy searchPlugin stays open: Whether the plugin will stay open after clicking "Switch variants"Main Component Name: (Optional) Change only instances with the specified main component nameContact Us🐛Bugs report or feature request? https://github.com/etn-ccis/blui-figma-plugins/issues✉️General inquiries? brightlayer-ui@eaton.com❤️ Visit our home page! brightlayer-ui.github.io