Open CC Libraries and consume CC Library bitmaps by dragging them onto the canvas. Notice a link icon on the top left, meaning there is a connection to the library element. Using the CC Libraries window, right-click and choose Edit. Changes made to the bitmap in Photoshop will be reflected in XD.
- [Instructor] You can consume CC Library assets here in XD if they're created in Photoshop, or Illustrator. In order to access them, all you gotta do is go to file, open cc libraries, and now you have access to all of your libraries. So in this case, we're gonna check the new app that we just created. So far, we only have bitmaps and one vector, but as you can see, you can have a lot of things like colors, character styles. And in this case, the first thing you gotta do is, we're gonna use that map image to bring it to this shape.
We have the shape ready to receive an image. So the way it works is you can select one or multiple bitmaps, then you click and drag into a shape or into your canvas, different places in XD. The first thing you notice, this now has a special decoration, it has this little link icon top left. This means this is linked to this library asset, so if you right-click on it and you say edit, and let's say now you're in Photoshop because you're editing it, you can make changes to it, and as soon as you save, I'll hit command s, it will now update that library asset here, and as soon as it's done, it's gonna be reflected there in your design.
So this is a very good way for you to keep everything in sync. You can do all the changes in Photoshop for all of your images, and as soon as you save them, everyone that has that library open will see that change in the XD document. If you wanna unlink this, so let me drag one just to show that. If you wanna unlink this, meaning this one is not linked anymore, this one is, this one isn't, if you go back to Photoshop and you go back to the initial design, so I'll save this, as soon as I save the one that was linked will get that update and the one that was unlinked will not get that update.
The other thing you can do here with bitmaps is if I have an asset coming from Adobe Stock, this is not licensed yet, I can right-click and say license, and this will take me through the licensing process. So I can license and save it, so as soon as I do that, it's now licensed and this will update, soon as it comes back. It's still licensing it, saved, we'll now sync here, and that asset now the water mark will go away as soon as I get the new image, the big image in higher resolution.
So you can bring assets from Stock, you can play with the bitmaps, and once you confirm these are the right ones I wanna use, then you can right-click and license right there. Next, let's see how you can use vectors from CC Libraries in XD.
- Understanding all tools in Design mode
- Bringing files for Photoshop, Illustrator, and Sketch
- Working with text, vectors, image fills, and masks
- Repeating elements with the powerful Repeat Grid tool
- Resizing multiple elements with responsive resize
- Using the new Assets panel to manage symbols, colors, and character styles
- Sharing symbols across files, with text and image overrides
- Creating and consuming bitmaps and vectors from CC Libraries
- Extending the power of XD using great plugins