Trouble organizing the assets panel


Let’s say I have some frames, each containing a few components that are logically related to each other: frame 1, frame 2, frame 3.

Now, I need to group these 3 frames together (or frame them together), to create, let’s say, ”Parent Frame”. The goal is to get this hierarchy in the assets panel: click on the Parent Frame => I see frame 1, frame 2 and frame 3 => click on frame 1=> I see the components contained by frame 1.

However, it doesn’t seem to work, as when I click on Parent Frame, I see all the components of frames 1, 2 and 3 put together, as if frame 1, frame 2, frame 3 never existed and all the components were children of Parent Frame.

How can I make this work?


You can achieve that by adding “name/” in front of your components names to cluster them further.

1 Like

hmm idk… i already have frames containing component sets and they work fine, i can expand the frame name in the assets panel and the children component sets will show under it. now i need to group said frames again, so that the frames become children of another frame (or group, or smth), so that, in the assets panel, i can expand the top-most frame, then expand one of the initial frames in order to see the components.

to be as clear as i possibly can (not being a native english speaker): in my design file i am creating groups of groups of component sets, hoping to reflect this in my assets panel as tier 1 groups of tier 2 groups of component sets. instead, the asset panel is showing tier 1 groups of all the component sets of all the tier 2 groups. i tried it by creating the tier 1 groups both with frames and with groups - i get the same result.

Just use “/” to structure the path. But it works only for component name. Figma ignores if you nesting frames, it takes only parent frame for grouping, but if you name component like “parent/goup/group/component-name” it will works.