Variant Switcher
Recursively changes component instances to a different variant based on the specified property.
Plugin Preview
About this plugin
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? [email protected]❤️ Visit our home page! brightlayer-ui.github.io
Plugin Details
| Version | 9 |
|---|---|
| Created | May 4, 2021 |
| Last Updated | February 27, 2025 |
| Category | editing & effects plugins |
| Creator | Huang, Huayun |
| Stats | 1355 installs, 103 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.