Skip to main content
Question

Slash component naming convention not working in UI3 asset panel

  • August 26, 2024
  • 4 replies
  • 287 views

scott.mail

When viewing the asset panel that includes components which use a slash naming convention, for example…

page-name/component-group-name/component-a-name
page-name/component-group-name/component-b-name

…within Figma’s UI3’s asset panel, these components no longer show the tree nodes defined by that slash naming convention. Instead they only show the component name.

In Figma’s previous asset panel UI, the slash naming convention organized components into nodes.

Is this a bug in UI3? Meaning should we expect the slash naming convention to work as it has? or will component organization no longer organize itself the same way in UI3? Would be very helpful to understand as lots of design systems leverage this naming convention to help organizations find things (even when using search).

4 replies

Raphael_M
  • Active Member
  • 319 replies
  • August 27, 2024

They’ve simplified the layout and removed dropdown (which I find easier than the current).

Both have ups and downs, but i prefer the ease of dropdown than going back to the previous panel to get into another group.


scott.mail
  • Author
  • New Participant
  • 5 replies
  • August 27, 2024

Just discovered under the Libraries and Settings dropdown the Show subfolders choice. When enabled I no see the folders that I didn’t see before. I anticipate this is going to cause a lot of confusion as it is not the default setting.


scott.mail
  • Author
  • New Participant
  • 5 replies
  • August 27, 2024

So, I do not see the folder levels for components at all even though we have 2 levels of them before the component name. Can you please clarify how folders should be working in UI3 as I am more confused now.


Raphael_M
  • Active Member
  • 319 replies
  • August 28, 2024

Yes, they’ve made it as if all the components will show up bypassing the folders.

You will be able to see them once you toggle show subfolders.

Before, they show all breadcrumbs of all the component sets in 1 panel (dropdown style). Now, they removed it and instead show only the breadcrumb of the selected component set and they’ve added another feature that bypasses the subfolders by default so you can easily see the components after clicking that set.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings