Style Hunter

About this plugin

Style Hunter shows 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 works like a design linter and a similar-layer selection tool, helping you address 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 styles, variables, and unstyled values across all color and text types.Lets you filter 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 hidden items, instances, locked layers and nested variables.Super reliable: scans fast and parses gradient stops, stacked fills, and mixed content (vectors with regions and text segments).Lets you click a color or style name to select matching layers — page-wide 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 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, and expand the selection.Other features:Saves all settings, filters, and hidden results across restarts.Lets you save current settings as the default preset.Displays text content of unstyled text layers.Lets you split color results into separate fills and strokes for independent mass selection.Supports dark mode (follows Figma’s theme).Alongside quick filters, provides an advanced settings screen with additional options for finer control.Unstyled texts are grouped when both their content and typography match. Alignment isn’t counted and may differ without affecting grouping.Displays altered opacity and blending mode: colors on layers with opacity below 100% or non-Normal blending can be grouped separately. This helps spot correct colors whose appearance was altered by opacity or blending.Saves selection history and shows a "Back" button when applicable.Lets you target nested matches when the same color appears deeper inside a top-level frame. Useful for nested layouts with repeated backgrounds.Supports Dev Mode.Super Selection Panel:Appears at the bottom when you select layers and shows color or text details for your selection.For colors, it shows the style name (or an unstyled label) and the 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 with alpha is copied in a CSS-ready format.General settings:Display order: lets you choose what appears first: Colors or Text. It also affects tab order in the Super Selection Panel and the default tab priority.Scan depth: lets you control how deep the scan goes into nested containers. “Flat” is the base level, without going into nested frames. With a layer selected, this option’s description shows the current depth.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.Scan instances: skips instances but still scans main components and slots. Useful when reassigning styles after page-level mass selection — instances won’t be overridden.Scan locked layers: skips locked layers. You can lock elements to exclude them after turning this setting off. A Reset button appears to revert lock changes made while this option was off (as long as Style Hunter stayed open).Scan inner values: includes gradient stops and text variables, plus nested variables and stacked fills within classic styles.Zoom to selection: pans and zooms the canvas when you select items through the plugin (via name clicks or “Same...” SSP buttons).Track all selection changes: includes manual selection changes in the Back button history.Ignore system colors: hides component set, section, and connector colors from results. Enabled by default, assuming these colors aren’t used in actual designs.Main view settings:Split fills & strokes: lets you split color results into subsections for fills and strokes. Useful when working with raw colors or non-semantic color tokens — especially when the same color is used for both fill and stroke.Select complex layers: lets you choose whether mixed-content layers are included in mass selection when clicking a result. Keep it on to include all matches regardless of content, or turn it off for guaranteed uniform selection (some layers may be excluded).Show layer opacity: groups colors affected by layer opacity separately. Useful when correct color values look wrong due to opacity.Show blend modes: groups colors or layers with non-default blend modes separately. Useful when you need to hide "technical" color variants while keeping their normal versions visible.Show font properties: displays font size, line height, and text variable values. Useful for telling variable modes apart when their values differ.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 off, hides parts before the last slash in style or variable names. For example, “General / Backgrounds / bg-primary” becomes “bg-primary”.Super Selection Panel settings:Enable SSP: the Super Selection Panel can be turned off completely to avoid distractions when you don’t need it.Select progressively: makes selection growth stop at each frame instead of jumping straight to top-level frames.Select complex layers: lets you include layers with stacked colors, multiple vector regions, or mixed text segments when using “Same...” SSP buttons. Turn it off for cleaner, uniform selections (some layers may be excluded).Show full style path: when off, hides parts before the last slash in style or variable names.Stay tuned for awesome upcoming updates!——————————————————————Known limitations:After variable mode changes, color previews or names inside instances won’t auto-update (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.