Style Hunter

About this plugin

“Find all raw HEXes in my home page design”

“Let me select texts with only local styles applied”

“Show me everything with ‘icon-temp’ in the style name across the page”

Style Hunter is built to answer requests like these — a simple yet powerful tool that visualizes all colors and text used in your designs, helping you hunt down legacy or unwanted values.

With flexible filters, mass-selection options, and advanced settings, it’s especially useful during design reviews — perfect for cleaning up files before handoff or migrating to a new design system.

Feel free to give feedback and ask questions: [email protected]

Key features:

1. Instantly works on any layer or selection — or scans the entire page.
2. Finds classic styles, variables, and unstyled values across all color and text types.
3. Lets you filter the results by style type, unstyled values, and source — local, remote, or both, with optional display of specific remote libraries.
4. Scans hidden layers and masks. Can ignore invisible items, instances and locked layers.
5. Super reliable: scans fast and parses all data, including complex structures like gradient stops, stacked fills, and mixed content (vectors with regions and text segments).
6. Allows clicking a color or style name to select the associated layers (page level after a full scan, or within the current selection).
7. Lets you hide any found colors and styles you don’t need right now, keeping the view uncluttered. Remembers the hidden items per page.
8. Groups and counts identical styles and unstyled items — even unstyled text.
9. Has a Super Selection Panel that lets you select all layers with matching properties, cycle through them one by one, and expand the selection to additional layers.
10. Supports Dark mode (Follows Figma’s theme setting).
11. Alongside quick filters, provides an advanced settings screen with additional options for even more professional control.

Other features:

1. Shows color previews and opacity indicators in unstyled results.
2. Does not block Undo/Redo when selecting via name clicks, so you can backtrack your selection changes.
3. Saves all filter and hidden-result settings and restores them after restart (hidden items kept for up to 10 pages).
4. Displays text content of unstyled text layers.
5. Unstyled texts are grouped when both their content and typography match. When grouping, alignment settings aren't taken into account and may remain different without affecting the grouping.
6. Shows a “No unstyled” notice when the filter is active but nothing is found.
7. Treats classic color and text styles as “Styles” for filtering even if they contain variables (nested variables are processed separately).
8. The “Remote only” filter disables “Unstyled” (unstyled values can’t be remote) and remembers its previous checkbox state. “Local & remote” is the default; any other option in that selector is highlighted to signal that results are partial.
9. Saves selection history and shows a "Back" button when applicable.

Super Selection Panel:

1. Appears at the bottom when one layer with a non-empty color is selected.
2. Shows the style name and HEX value or gradient type.
3. Remains visible if additional layers with the same style or color are selected.
4. Lets you cycle through selected layers and override individual colors without leaving the loop; layers with overridden colors are removed from the cycle.
5. Can auto-select all related layers in the top-level parent frame and expand the selection to the entire page or progressively.
6. Unlike name clicks, mass-selects only layers with single fill applied and ignores mixed content for predictable color overrides.

Settings:

1. Scan depth: lets you control how deep the scan goes into nested containers. “Flat” is the base level, without going into nested frames. When a layer is selected, this option’s description shows the current depth level.
2. Scan hidden items: skips hidden layers, hidden frames or groups, hidden appearances, and hidden color styles or fills. Useful in mass selections to ignore unexpected content.
3. Scan instances: skips instances but still scans main components. Useful when reassigning styles after mass-selecting layers at the page level — instances won’t be overridden. You can also focus on new design elements while ignoring instances as approved content.
4. Scan locked layers: skips locked layers. Useful if you want to temporarily exclude certain elements from review — simply lock everything you don’t need after turning this setting off. An additional Reset button will appear in the description, allowing you to revert all lock changes made while this option was off (as long as Style Hunter remained open).
5. Scan inner values: adds gradient stops (of all kinds), text variables, and stacked fills inside classic styles to the results.
6. Zoom to selection: disables automatic focusing (panning and zooming the canvas) when selecting items through the plugin (via name clicks or “Select more” button).
7. Track all selection changes: includes manual selection changes in the Back button history.
8. Progressive “Select more”: makes selection growth stop at each frame instead of jumping straight to top-level frames. The label changes to “Grow selection” when this option is enabled.
9. Show counters: displays the number of found colors and text items, including unstyled text results. You can hide these counters to reduce visual clutter. Section counters remain visible.
10. Show full style & variable path: when turned off, hides all parts before the last slash in style or variable names to reduce clutter. For example, “General / Backgrounds / bg-primary” becomes “bg-primary”.
11. Ignore system colors: when turned off, component set strokes and section colors are included in the results. This option is on by default, assuming these colors aren’t used in actual designs and can safely be ignored.

Stay tuned for awesome upcoming updates!

——————————————————————

Known limitations & fix candidates:

1. After variable mode changes, color previews or names inside instances won’t auto-update (Figma limitation).
2. Ignores Sections' strokes (Figma limitation).
3. Ignores layer effects.
4. Super Selection Panel works only with colors (fills and strokes with priority on fills).
5. Specific remote library names are supported for color variables only and require the library to be added to the file.