Have a question to ask or an idea to share? Come and participate in Adobe XD Community. We would love to hear from you and see your creations!
Looking for information on how to manage document assets in XD? You're in the right place!
Document Assets panel is the central location from where you can create, manage, and share colors, character styles, components, and audio assets used in your design projects.
Meet Richard, a design lead responsible for standardizing the creation and usage of design assets in cloud-based systems. He is training himself to manage colors, character styles, components, or audio assets across design systems.
Read on to learn how we can introduce him to Document Assets in XD and help him get started.
Be familiar with these concepts in XD:
To start curating your design styles and components, click Libraries in the toolbar, or press Cmd + Shift + Y (on Mac) or Ctrl + Shift + Y (on Windows), to open the Document Assets panel .
Once you are in the Document Assets panel, follow these steps to add colors, character styles, components, or audio that you want to reuse across your document or publish later as part of your library.
You can add videos to the Videos section or Components section in the Document Assets panel.
Now that you can view the added assets from the Document Assets, select an object or a group of objects on the artboard, and click the color or character style to apply it to the selection.
To use one or multiple components in your design, select them in the Document Assets panel and drag them to canvas. Instances of those components will be created on canvas.
Follow these steps to reuse color, character styles, or components:
Once you have added and reused your assets, you can edit them from Document Assets to make global changes across your document. This facility provides a streamlined way to modify your color and character styles across the document.
Before you proceed, ensure that you are editing the correct asset:
Follow these steps to edit document assets:
After you add assets, you can manage and organize them in the following ways:
To learn how to group assets, see Organize assets into groups and subgroups.
Hover over assets
Hover over asset thumbnails to reveal the following information:
Reorder, rename, and delete assets
You can easily organize and structure your document assets by creating any number of groups and subgroups.
Create groups within each asset category (Colors, Character Styles, and so on) in any of the following ways:
Once you create a group, right-click it to do any of the following:
Once you create your groups and subgroups, you can drag the assets to move them to those groups. Alternatively, right-click the assets, and select Move to, to easily navigate and choose the groups you want to move the assets to.
When you publish a linked library from your XD cloud document, all the groups and subgroups are preserved in the library.
To get some pro tips on organizing your document assets, watch this video:
Now that you have created all your reusable colors, character styles, and components in your document assets, learn how to use Creative Cloud Libraries to publish and share your design system assets with the rest of your team.
To learn more about working with Assets, watch this video:
We've got you started on how to work with assets and libraries in XD. Take a step forward and learn how to use Libraries to share your assets, components, and designs systems or migrate your existing XD cloud document to Libraries.