Style Hunter

About this plugin

Style Hunter is a simple and 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. It’s like a design linter that helps you track down style issues.Feel free to give feedback and ask questions: [email protected] features:Instantly works on any layer or selection — or scans the entire page.Finds classic styles, variables, and unstyled values across all color and text types.Lets you filter the results by style type, unstyled values, and source — local, remote, or both, with optional display of specific remote libraries.Scans hidden layers and masks. Can ignore invisible items, instances and locked layers.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).Allows clicking a color or style name to select the associated layers (page level after a full scan, or within the current selection).Lets you hide any found colors and styles you don’t need right now, keeping the view uncluttered. Remembers the hidden items per page.Groups and counts identical styles and unstyled items — even unstyled text.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.Other features:Saves all filter and hidden-result settings and restores them after restart (hidden items are kept for up to 50 pages and deleted after 6 months of inactivity).Displays text content of unstyled text layers.Supports Dark mode (Follows Figma’s theme setting).Alongside quick filters, provides an advanced settings screen with additional options for even more professional control.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.Tracks altered opacity: colors on layers with opacity below 100% are listed separately. This helps detect cases where correct colors were applied but visually changed by lowering the layer’s overall opacity.Saves selection history and shows a "Back" button when applicable.Super Selection Panel:Appears at the bottom when you select layers and shows color or text details for the current selection.For colors, it shows the style name (or an unstyled label) and the underlying HEX or gradient value. For text, it shows the text style name (or an unstyled label) and font properties (font family, weight, size, and line height).Lets you cycle through selected layers and override individual properties (for colors or text) without leaving the loop; layers with overridden properties are removed from the loop.Can auto-select all related layers within the top-level parent frame, and expand the selection either progressively or across the entire page.Supports mixed selections and complex layers, and lets you cycle through their inner values. Text selection can also be limited to the current text content.Lets you copy displayed values with a click — color and text styles, plus basic font settings. HEX values with alpha are copied in a CSS-ready format.Settings: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.Scan hidden layers: skips hidden layers, hidden frames or groups, hidden appearances, and hidden color styles or fills. Useful in mass selections to ignore unexpected content.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.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 next to it, allowing you to revert all lock changes made while this option was off (as long as Style Hunter remained open).Scan inner values: includes gradient stops (of all kinds) and text variables, plus nested variables and stacked fills within classic styles.Zoom to selection: disables automatic focusing (panning and zooming the canvas) when selecting items through the plugin (via name clicks or “Same...” SSP buttons).Track all selection changes: includes manual selection changes in the Back button history.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.Show full style 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”.Ignore colors on component sets & sections: when turned off, component set and section colors are also included in the results. This option is on by default, assuming these colors aren’t used in actual designs and can safely be ignored.Super Selection Panel settings:Enable SSP: the Super Selection Panel can be turned off completely to avoid distractions when you don’t need it in your current workflow.Select progressively: makes selection growth stop at each frame instead of jumping straight to top-level frames.Select complex layers: lets you choose whether mixed-content layers are included in mass selection. Keep it on to include all matches regardless of content, or turn it off for guaranteed uniform selection (some layers may be excluded).Show full style path: when turned off, hides all parts before the last slash in style or variable names.Stay tuned for awesome upcoming updates!——————————————————————Known limitations & fix candidates:After variable mode changes, color previews or names inside instances won’t auto-update (Figma limitation).Ignores Sections' strokes (Figma limitation).Ignores colors and variables in layer effects.Specific remote library names are supported for variables only and require the library to be added to the file.Text on a path is fully supported, but it’s still in beta on Figma’s side and may silently break.