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 using Creative Cloud Libraries to create and share design systems in XD? You're in the right place!
Creative Cloud Libraries help your team to centrally manage and distribute design and brand systems assets at scale.
Start by curating your sticker sheet with a set of components and styles that constitute design and brand system in an XD cloud document; when ready to share those reusable assets with your broader team, publish your sticker sheet cloud document as a library and invite your teams, with the right set of permissions.
Once your team accept the library invitations, they can reuse assets from that library and be in sync with any future library updates.
Sounds familiar? If you want to publish all assets and components to a library and invite others to consume your design systems from XD, look no further!
Be familiar with these concepts in XD:
To build and distribute a design system through libraries, start first by curating your design system assets (colors, character styles and components) in the Document Assets panel.
Once you have defined your design system assets, follow the steps below to publish those assets as a library and to share them with your team to reuse them consistently across all your Adobe XD projects and other creative cloud applications.
Navigate to the Libraries panel. Click icon in the toolbar to launch the Document assets view.
Click Publish as a library icon to launch the Library manager. From the Library manager, click Publish to create a new library with the assets defined in the Document Assets panel.
If you want your library collaborators to have access to the published source cloud document, ensure to invite them to the cloud document.
If you have multiple team members responsible to maintain and update the published library, ensure to invite them to your cloud document and to the published library with Can Edit permissions.
Now that you published and shared the library, your team members who have accepted the library invite can start using assets from this library in XD and in other Creative Cloud applications.
The Libraries panel displays all the libraries that you’re following. Once you click the library that you would like to use assets from, the panel view changes to show all the content from that library.
Once you publish a library from an XD cloud document and modify the assets in your source cloud document, XD notifies you about changes made since you last published the library in the following ways:
An in-app message after you make changes to a published library to ease the process of updating the library.
When you are ready to publish updates to your library, use any of these options:
What happens when you update and publish libraries? Your fellow designers using those updated linked assets in their design projects receive the following notifications:
Library panel view: A blue badge next to Document Assets indicating the number of updates that are pending in your document.
Document Assets panel view: A blue badge on the linked assets that are pending updates as well as the Update all button at the bottom of the panel.
As your libraries grow in size with a large number of assets to manage, XD makes it easy for you to find your assets quickly using filter and search features from the Document Assets view.
Adobe XD provides these three filtering mechanisms to narrow down the assets that you would like to use in your project:
From the Libraries panel or the Document Assets panel view, enter the search term to search for assets in your document or across all your active libraries. XD displays the search results depending on the defined search scope that you have set whether Document Assets or All libraries.
To experiment and change certain styles or properties for a linked component without impacting others who are using those linked assets in their documents, you can convert your linked assets to local assets.
If you decided that you no longer need the library, you could unpublish the library from the library manager. At this point, linked assets that were previously used from this library in your documents will become broken links (show broken link icon) indicated by the red badge. You could choose to either delete those broken assets or convert them to local assets.
XD makes it easy for you and your teams to use assets created in different Creative Cloud applications like Photoshop and Illustrator. Whether you created an inspirational library with a collection of graphics, or Adobe Stock images, or a library with a collection of reusable colors and character styles that are not linked to a source document, you can reuse those assets in Adobe XD.
When you drag graphics from libraries to your designs, they become linked graphics indicated by the badge. Any modifications made to that linked graphic in Photoshop or Illustrator will automatically update all linked graphic instances in your design. To unlink a linked graphic, click the link badge or use the context menu to unlink it.
To create a similar library in XD with a collection of colors, character styles, or graphics that are not linked to your document, click Create new in the Libraries manager. From there you could add colors, character styles, or graphics to your library and will be able to reuse them across your Creative Cloud applications.
Watch this video to learn how to work with libraries in XD.
Viewing time: 6 minutes.