I’m a design system library maintainer. We have our icon system in our library, and, for the sake of our sanity, we have our 500+ icons organized into categories. Putting each category into a frame works fine for publishing them in Figma for the designers to consume. However, when I export the symbols as SVGs for developers, the categories of the groups are lost. The only way to get SVGs to export into folders is to use “/” naming. The problem there, though, is that we lose all of the on-page organization – the icons have to be directly on the page, meaning you have to scroll through all 500+ layers to see them. Not ideal, especially when trying to alphabetize by category.
I thought that Groups didn’t get included in the published library path, but that appears not to be true. So if I categorize them into Groups and also have the “/” in the names, I end up with duplicate paths in the published library, i.e., “Category/Category/Icon Name”.
Can anyone suggest a better way to do this, or am I stuck putting all the symbols directly on the page?