Variant Selector

About this plugin

Component Set Selector is a powerful Figma plugin designed to make working with complex component sets effortless. Whether you're managing a design system with hundreds of variants or need to quickly find and edit specific elements across multiple components, this plugin streamlines your workflow.Key Capabilities:Smart Variant Filtering: Use checkboxes to filter component variants by any combination of properties (size, state, type, etc.)Layer-Level Precision: Go beyond variant selection—target specific layers (like "Icon" or "Label") within filtered variantsAuto-Detection: Automatically detects when you select a component set, no manual refresh neededIntelligent Autocomplete: Type-ahead suggestions help you quickly find layer namesBatch Operations: Perfect for batch editing, style updates, and consistency checks across your design systemPerfect For:Design system maintainers managing large component librariesDesigners who need to quickly find and edit specific variantsTeams performing consistency audits across componentsAnyone working with complex component sets with multiple properties Features- Load properties from a selected component setAuto-detection: Automatically reloads when you select a different component setCollapsible properties: Click to expand/collapse each property sectionLayer selection: Target specific layers within variants (optional)Filter variants using checkboxes for each property valueSelect multiple property values to find matching variantsAutomatically selects matching variants or specific layers in the Figma canvasAutocomplete suggestions for layer namesWorks with component sets of any complexityShows property value count badges How to Use1. Run the Plugin from the Plugins menu2. Select a Component Se in your Figma file (before or after opening the plugin)The plugin automatically detects when you select a component setYou can switch between different component sets while the plugin is open3.(Optional) Specify Target Layer - Enter a layer name in the "Target Layer" fieldLeave empty to select entire variants (default behavior)Enter a layer name to select only that layer within matching variantsAutocomplete suggestions appear as you typeExample: Enter "Icon" to select all icon layers within filtered variants4. View the Properties - The plugin will display all properties as collapsible sectionsClick on any property header to expand/collapse itThe first property is expanded by defaultEach property shows a badge with the number of values5. Select Property Values- Check the boxes for the property values you want to filter byYou can select multiple values for each propertyVariants must match ALL selected properties (AND logic)Leave all unchecked to match all variants6. Click "Select Variants" - The plugin will select matching items in the canvasIf no layer specified: Selects all matching variantsIf layer specified: Selects that layer from all matching variants7. The selected items will be highlighted and the viewport will zoom to show them