🚀 TL;DR Figma is great, but managing complex component sets is a manual nightmare. If you want to grab a specific layer inside 50 different variants, you’re stuck clicking until your mouse finger gives out. There’s no easy way to say, "Hey, find every 'Icon' layer, but only in the 'Pressed' state of these buttons."

Plugin UI

🛑 The Problem

Context:

In a modern design system, a single "Button" isn't just a button. It’s a matrix of 50+ variations. If you need to change the corner radius of the background layer but only for the Secondary / Large / Disabled versions you’re basically stuck.

Why Native Figma Feels Broken Here:

• The "All or Nothing" Problem: Figma’s "Select Matching Layers" is global. If you have 100 variants, it selects 100 layers. You then have to manually deselect the 80 you didn't want.
• Layer Tunneling: To get to a nested "Label" or "Icon" container, you have to click-click-click. Do that 20 times across different variants and you've lost your flow (and your patience).
• Property Blindness: Figma doesn't natively "know" that a layer selection should be restricted by a variant property. It sees the layer name, but ignores the context of the variant it lives in.

https://drive.google.com/file/d/14XTYknuKHwZLnu81qusAPPmVkfOqjOqO/view?usp=sharing

💡 The Solution

From "Flat Lists" to "Intelligent Trees"

Figma’s native Layer Panel is a long, flat list of every variant. The plugin parses that chaos and generates a Common Layer Map.

1. The Power of "Selective Drill-Down"

Instead of seeing 50 buttons, you see one clean tree representing the "Primary" buttons. By filtering for Type=Primary, the plugin essentially hides the noise. You’re no longer looking at a canvas; you’re looking at a schema.

2. Seeing the "Structural DNA"

Because the plugin groups layers by their Variant Properties, it visualizes the shared structure.