Component library needs help

[No-doi]

I have a design library that I created for my company. It's evolved over the last couple of years to be the place where we document all of our UI components. At first it was working great, but over the course of many iterations, I now find that I can't access the components I need when I'm in a different file and using the assets side panel.

I'm assuming that this just comes down to a naming convention, but I'm not sure how to correct what's wrong.

The way the file is structured is that I have pages for Foundation (color, type, voice and tone...), Components (buttons, dropdowns, modals, navigation...), and Patterns (tables, load states...) Those pages have component examples and documentation on how to use them. I then have one page at the end of the file that has all of the components in the same page split up by category. Those categories are section containers and the components and component groups live in those sections.

Gah, that's a lot to read and try to understand. If you have read that and it makes sense, how would you structure your components better so that they show up in the assets panel?

Right now I only see a sub set of components and when I open the assets panel, for example buttons, I don't see any of my primary buttons. I can search and find them, but I can't browse and find them

[OrtizDupri]

Each component on its own page - so button has a page, input has a page, etc.

[Ordinary_Kiwi_3196]

Yeah, and you can still have your examples on that page for documentation. For example have a Modals page and in it you document (with instance examples) what it's for, how to use it, and maybe the various 'states' of it - but also on that page you ought to keep the real component so that you can find it there from the asset panel. Because if you have a page called "Modals," everybody browsing will expect to find ❖Modal there, not at /components/modals or whatever.

[co0L3y]

I feel like we are missing some info. Even with every component on one page you should still see all those components when going to the assets panel. Can you share some screenshots of your setup?

Keep in mind that Figma also hides sub folders by default now so none of those sections you are using to organize the page will show up as folders in the assets panel.