Finding Missing Library components/styles

Oh cool thanks. The main thing still is we wanna replace those rogue items, not just ignore them.

And yeah I know you didn’t work for Figma, but thought you were helping moderate these forums. :sweat_smile: Sorry!

3 Likes

Same issue. Cannot find any of the ‘missing’ styles. I’ve checked everything: hidden layers, unions and subtracts, I’ve managed to reduce the number of the the ghosts, but still have some, and it drives me crazy.

1 Like

I am also getting some cases where a match is found. Yet when I click Swap library the old style persists.

1 Like

What’s interesting for me, is my missing library has similar names of styles or components (not exact) to my active/current library. Yet it won’t let me swap them (the option is disabled.) :disappointed:

This is a hack, but I was having a ton of trouble finding some rogue styles that were missing. They didn’t show up with any plugins. I was able to find them by running:

figma.currentPage.findAll(n => {
    var style = figma.getStyleById(n.effectStyleId);
    if (style) {
        console.log(style.name)
        if (style.name === "[ style name you're looking for]") {
            figma.currentPage.selection = [n];
        }
    }
})

in console on each page. As long as you know the style name you should be able to find the layers this way.

You can do this with text styles, fill styles, effect styles, etc

11 Likes

Oh, cool! I will definitely try this out. Always fun to fiddle with the console (when you know how :grinning_face_with_smiling_eyes: )

Update: @Pete_Lada I tried it out but appears to get no results? This is what I see:
image

for this:

image

Are you sure its an effect style? Like is this a fill style (color?)

Oh!! :thinking: Good question. Maybe what I’m seeing (in the screenshot above) is actually an Effect style? Is that what you’re asking?

If it is an Effect, can I change the code snippet to find effects instead of fills?

The snippet you linked is specifically looking for effect style names. You can change that bit to fillStyleId or textStyleId to find the names of those style types instead

1 Like

Ohhhh! I see what you mean, thanks for pointing that out. Appreciate it.

As a workaround, Style Organiser helps to locate linked styles on the board. This is particularly good if your Library is made of local components, as remote styles are highlighted.

The plugin is Style Organiser (by SHOPEE SINGAPORE PRIVATE LIMITED)

Hi All, I’ve tried to hunt down a missing set of components that triggers the missing library feature as well, and have not tracked it down yet. In my case these were components that I moved to two different locations. While that should not be a problem now in Figma, I constantly have to “Review/Dismiss” updates that never happened in my component library. We should be able to track “orphans” and get a way to deal with them I think. Cheers.

1 Like

Hmm no results still, weird.

“Orphans” is a good word for them. I like that.

1 Like

I tried all kinds of plugins that were mentioned above and I still couldn’t find where these “rogue styles” are. I’m using a design token generator and it included the rogue styles. A bit annoying if I have to manually remove them from the codes.

+1 - the way it currently works is tedious at the most. Finding missing elements isn’t an easy task and replacing them is impossible. Force matching them with another existing component/style would do it for me. I have 3 missing colours which I can’t find which drives me crazy. All plugins tried - no success, these 3 colours keep popping up.

5 Likes

+100 for this topic. We run a pretty tight design workflow and haven’t modified our design system file with our primitives/design tokens in months. We opened them last week and all of a sudden there’s a “Missing library” error with three rogue styles. We can’t find these if our lives depended on it. Now, every single design file we create has this same issue because it originates in our design tokens design system file. This is so annoying and frustrating because we can’t resolve it. We’ve tried all the style organizer plugins and nothing has allowed us to resolve the issue.

It seems like a pretty easy Figma update to add the ability to select the elements which possess the style from the missing library.

GIVEN the user is viewing the Missing Library modal
AND one or more styles in the Missing Library
WHEN the user hovers over one of the missing styles
THEN the crosshair icon should appear to the right of the style name
AND WHEN the user clicks the crosshair
THEN the app should select all design elements which possess missing style

7 Likes

Get your other team members to vote on this post so we get more traffic and attention on it. :blush:

Yes, Figma, please sort this out. :pray: It would help us to keep the file clean and organized.

The double click functionality that makes localize in the document the missing style component (even the hidden ones) might be a good idea. The moment the user localizes it in the document, he/she can delete it or replace it easily, imo.

Besides, if one style or component is missing and there is no suggestion that matches the name with any style or component from the library the user has have selected, it might be very helpful to offer the possibility to replace it with any style/component the user wants to select from that library.

Hope we can have a doable solution soon about this.
Thank you, everyone

+1
Ghost style tend to pop up a lot when using swap libraries to update design systems. There are some I can’t seem to find even looking everywhere…