Back to Plugins
Variant Switcher

Variant Switcher

Recursively changes component instances to a different variant based on the specified property.

themedark themepropertiesvariantspropertycomponents

Plugin Preview

Variant Switcher 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

Version9
CreatedMay 4, 2021
Last UpdatedFebruary 27, 2025
Categoryediting & effects plugins
CreatorHuang, Huayun
Stats1355 installs, 103 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none