Organize assets panel objects (symbols/components/colors/character styles) into folders
Would love to organize symbols into folder for easy accessibility. I spend too much time looking through symbols into one library.
Dear XD Community -
I’m happy to share that as part of XD 44, we have delivered the long awaited assets organization feature 🎉. So now you can flexibly groups your assets to help you organize, navigate and find your assets much faster.
This feature will allow you to:
1. Create unlimited groups and sub-groups for all your assets
2. Easily move assets between groups by drag-n-drop or using the move dialog
3. Custom Reorder your groups
4. Publish linked libraries with groups
5. Sort your document assets panel by name
To learn more about this feature check: https://helpx.adobe.com/xd/help/work-with-assets-and-libraries-xd.html
Please give it a try and let us know what you think.
Matt Comer commented
It would be beneficial for us to be able to group components together for sorting purposes (i.e. Inputs, Buttons, etc.) This would help in keeping large counts of components organized between multiple projects.
Macelo Costa commented
Currently I'm struggling with a lot of symbols. I would love if I could organize them, looks something so simple!
It would be nice to be able to group components like UX Pin did it. There is one simple reason for that: staying organized.
Arjun Sarath commented
the component panel usually have 100s of components and there will be similar components, like buttons for instance. It would be great if all the buttons are grouped together.
Ben Ho commented
This is really crucial for a design system since it becomes super huge really fast
As a user, I want to group and name design system assets so I can search and preview them better.
Scenario 1: I want to create separate groups under the Colors section for `Primary` colors and for the `Secondary` ones.
Scenario 2: I want to create separate groups under the Character styles for the `Headings`, `Paragraphs`, `Form labels`, etc..
Scenario 3: I want to create separate groups under the Components section for the `Buttons`, `Cards`, `Forms` etc.
The ability to create a folder, a title for the folder and place designated symbols in that folder to live in.
ie BUTTON folder for all button symbols.
I feel this would definitely help organizing a building a library of assets.
Martin Kleis Sundstrøm commented
Yes, allow us to select multiple symbols, right-click, create symbol group. Allow us to drag-drop symbols between these folders.
Thanks. Still trying to weave XD into my work process. It is a good start. I think it just needs more features for the user, it is a bit lean as far as Adobe apps go. I don't want it to replace Illustrator or anything but I want to be able to manage my work easily in this app.
• Need better asset management. I know you want this app to be light but you are going to have super users who use this app in powerful ways.
• Allow assets sort by name - ascending or descending order. Right now I have to organize manually
• Allow asset/symbol coloring and/or foldering. There is no easy way to group symbols of a similar type. Buttons, icons, UI elements, etc.
Very useful for large design system management.
Hayden Hancock commented
While the ability to search assets is great, it's important to be able to organize the assets into folders in order to better organize the assets.
Kevin Daus commented
I want to be able to group Character Style , Symbol and Color. (e.g Header , Content , Footer )
Lee Wilson commented
It would be great to be able to categorise symbols and character styles, I find myself hunting down symbols and styles, If I was able to create folders, say desktop and mobile, I could hide the one I'm not working on and keep things tidy.
XD user commented
Next build please!
Matt Marino commented
It would be very helpful to be able to group, categorize and classify symbols. For instance, you might have various buttons and interactive elements that you'd like to have grouped for easy access, separate from other visual elements, which you could also categorize. Maybe you would have a set of symbols for wireframes and low-fidelity mockups separate from a set of high-fidelity symbols.
It would also be amazing to be able to make an animation a symbol.
And every time I want to add a feature request ... somebody else already did. :)
Alan Jones commented
I agree this would be useful. Another use case would be being able to have a group/folder of icons. More specifically, if you're designing something that contains the font awesome font set, you could have a grouping/folder containing the available fonts.
I'd take the mockup one step further and allow the user to show/hide the various groupings.
Yes, outside of being able to resize something without breaking the symbol, this would be incredibly useful.
Having a modular groups in the symbols section of the assets panel would allow those of us that approach design atomically to keep organized. A simple thing like creating inputs takes up tons of space in the symbols area. On top of this you have a ton of symbols that are only used as atoms of UI elements that later build up to components. Simply being able to throw all of the atoms in a folder and then throw all of the UI input elements in a folder would do wonders for organization.
To be clear, this grouping should help to organize only. It should have no impact on the design or art boards themselves. It just gives designers a better way to find things, keep organized, and change on the fly.
I have a huge document which contains about the whole app I'm designing. Therefor I use symbols extensively to keep the whole app up to date with the latest design changes. (I.e. if I add a notification button to the header, the whole app gets the new button).
This is incredibly useful and saves me from a lot of work.
But with huge documents comes the equally huge need for a tidy workflow. To name symbols and move them is very nice, but with over 500 symbols, I NEED TO GROUP THEM too.
Please help me, so I don't become insane :)
PS: the reason I have so many symbols is because my design approach is based on atomic design. I.e. the header is composed of simple components (symbols), which is composed of even simpler components.