Join Demian Borba for an in-depth discussion in this video Use linked and unlinked bitmaps, part of Developing a Design System with Adobe XD.
- [Instructor] When it's time to use bitmaps, you can also use Creative Cloud libraries to help you. You can use Photoshop, so let's go back to Photoshop, to add bitmaps to your Creative Cloud library and consume that in XD. So let's bring some images here. So, so like three, actually four. Go here and add them in. So four images. Then in order to add them to your library, you select the layer, click here on plus, add that in.
I'll do the same for this. Add, add, and add. So now that I have four images there, if I go back to XD, those images are available there for me. And, in order to use them, you just select the one you want and drag 'em in. So that image is now here. I can even resize. I can rotate. I can do whatever I want here. And the cool thing is that anytime I make changes to it in Photoshop, it'll update here.
So let's see that in action. Can go back to Photoshop, select the image I want to change, right click edit, and if I make changes here, and save, you can see that is now changed, in XD, in your libraries, even in your browser. So now I can delete this guy from here, and I can go to my area down there, and I can replace those bitmaps with my linked images.
So I can do this one. And you can see it has that link icon there, so everything is linked right now. And I need to fix that gray scale. I want to bring it back to life so I can undo this here, and save and it's now updated right there. If for some reason you need to change that image, you can right click and unlink the graphic. Once you do that, it's no longer connected, and all the changes are not reflected anymore.
So if you make changes here, it's going to be local to the document. Wonderful. Now that you know how to bring bitmaps, and keep them connected to Creative Cloud libraries, let's learn how you can export your assets for other designers, developers, and get feedback to make your projects even better.
- Managing your project
- Managing typography and colors
- Pattern library with symbols
- Creating a CC Library in Photoshop
- Consuming colors and character styles
- Using linked and unlinked bitmaps
- Exporting assets
- Gathering feedback