Skip to main content
megaroeny
Active Member
August 19, 2021

Finding Missing Library components/styles

  • August 19, 2021
  • 91 replies
  • 25524 views

First off, I’m loving the new Swap Library feature!

Problem

Today, it actually helped me discover some “rogue” styles and components that were leftover from an old library! Now I can try to locate those and finally get rid of them in our current library!

But wait - what if I don’t actually know where these are in the file? Or even further, what if I can’t get Figma to find a match?

Suggestions:

  1. The one thing I wish this feature could do is to help me actually locate those rogue styles or components. I tried using the Instance Finder plugin but it still didn’t help because I have to actually locate them on the canvas/file first. ☹
  2. What if the dialog let us force a new style or component match, instead of us running into a dead-end with the None found message. Currently, it tries to match using the name. But that might not always work (like in this case.)

Any ideas are appreciated. Otherwise, wanted to pass this suggestion on to the Figma team. Thanks!

91 replies

BenKopf_UPS
New Participant
October 6, 2021

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.

megaroeny
megaroenyAuthor
Active Member
October 6, 2021

Hmm no results still, weird.

megaroeny
megaroenyAuthor
Active Member
October 6, 2021

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

Clare
New Participant
October 10, 2021

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.

Muckaseckel
October 13, 2021

+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.

Cal_H
October 22, 2021

+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

megaroeny
megaroenyAuthor
Active Member
October 23, 2021

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

Rocio
November 17, 2021

Yes, Figma, please sort this out. 🙏 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

Antoine
Active Member
November 17, 2021

+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…

Florian_Bredl
November 18, 2021

I had the same Problem and found a solution for my specific case. The missing library error appeared in a design file which already uses a number of different libraries.


(Swapping Library is disabled)

Step 1: Create the missing style as a local style (exact same name as the missing one) in the design file where the error appears.

Step 2: Create the exact same style again (exact same name as the missing one) in a (prefereably already linked) library. Then publish the changes.

Step 3: Go back to the design file and update the library changes.

Step 4: Replace the element using the local style with the style from the library.

Step 5: Open the Asset → Libraries view (where the error normally appears). Select the library where you have created the new style with the upper right dropdown. You should now be able to swap the library for the missing style.

Step 6: You can now delete the local style and/or the style in the library file if you don’t need that style.

The missing library error should now be gone.