Style Hunter

About this plugin

Style Hunter helps art directors and designers hunt down legacy colors and styles, works great with text, and offers powerful filtering and mass-selection features. It’s invaluable in the design-review process for tidying files before development handoff or when 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, then lets you filter them by style type (classic or variable), source (local, remote, or both), and unstyled values.
3. Scans hidden layers and masks.
4. Lets you hide any found colors and styles you don’t need right now, keeping the view uncluttered. Remembers the hidden items per page.
5. Groups and counts identical styles and unstyled items — even unstyled text.
6. Has a Super Selection Panel that lets you select all layers with matching properties inside the top-level parent frame, cycle through them one by one, and expand the selection to the entire page.

Approach:

Style Hunter is built as a simple tool for focused work with components, specific layouts, or their parts, so these decisions were made intentionally:

1. Both Colors and Texts sections are always visible, so you never switch views and always see the full picture. No extra buttons or unnecessary result structuring.
2. Only four filters are available for now. Use them flexibly to filter out style-assignment problems. For example, leave only unstyled values or find forgotten local colors when your design system is remote, and vice versa.
3. Hidden colors (or layers containing them) are also parsed, because Style Hunter treats them as issues: either something left behind or not yet styled.
4. Among its other features, Super Selection Panel provides an alternate mass-selection method: normally you click a color or style name in the results to select the associated layers, but here you can instead manually pick a layer with the target color first and then click “Select more”. It’s helpful when you don’t know the color name or don’t want to hunt for it in the list.

Other features:

1. Shows color previews and opacity indicators in unstyled results.
2. Clicking a color or style name selects the associated layers (entire page after a full scan, or within the current selection).
3. Does not block Undo/Redo when selecting via name clicks, so you can backtrack your selection changes.
4. Saves all filter and hidden-result settings and restores them after restart (hidden items kept for up to 10 pages).
5. Displays text content of unstyled text layers.
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.

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.
6. Mass-selects unstyled text layers if both their content and typography match (color ignored).
7. Does not treat sections as top-level frames, so you can work with multiple frames inside a section; mass-selecting related layers in one frame will not affect the others.

Stay tuned for awesome upcoming updates like a search bar and more!

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

Known limitations & fix candidates:

1. Unhiding hidden items with some filters set to off may temporary switch them back (hotfix is coming).
2. After variable-mode changes, color previews or names inside instances won’t auto-update (Figma limitation).
3. Ignores layer effects.
4. Variable-based gradient stops are not listed.
5. Layers with stacked colors, and single text or vector layers that use multiple colors with identical values from different color types, are displayed as one color.
6. Single vector layers that use multiple colors display classic styles as unstyled.
7. Single text layers with multiple text styles may show incomplete text style info and be duplicated as unstyled.
8. Super Selection Panel works only with colors (fills and strokes); text styles are planned for later.
9. Super Selection Panel is available when working with layers with stacked colors which will be revised.