

You’ll notice that a single symbol has been added containing all the layers that make up the object. In the layers panel, I’m going to select all layers that I want included, then I can either use the Command/CTRL + K shortcut, or hop over to my assets panel and press the + button beside Symbols. Let’s use this element as an example since it’s likely to be used across multiple artboards. So that’s colors and character styles, but what about symbols? In short, a symbol can be a single layer, or multiple layers, and just like a smart object in Photoshop, it will appear as one. XD will figure out where else you committed this unspeakable sin, and make it all disappear.

Thankfully you can quickly correct that embarrassing mistake by adding that awful style as an asset, then making the edit.

Unfortunately, you decided to use Papyrus for the header text on all of your screens. It’s late on a Saturday night and you’re cramming in some last-minute designing. It’ll not only update on your active artboard, but across your entire document. Well, as along as that color exists as an asset – and again, it can be added after the fact – all you have to do is right click on the color, choose edit, then make the change. Imagine having to go through every single artboard to update your highlight color. But what if, later on in a project, your creative direction changes. At any point in a project I can apply a color or character style to a selected layer by simply clicking on it in the assets panel, and even if I have multiple layers selected, they’ll apply to them all. Now, the most obvious benefit of adding assets is quick access. Once added, just like layers, you’re able to rename and rearrange your assets to keep them organized – and if you’re like me, sometimes the colors just have to flow. To quickly catch you up, you can also select an entire artboard to add any missing colors or character styles all at once. Starting out with colors and character styles, as you’re building out your designs, you’re able to quickly add either by pressing the plus button, right-clicking on an element, or using the corresponding shortcut – and what’s neat about assets, is that they can be added at any point in your project and you’ll still be able to make global edits. The Assets panel, which can be triggered at the bottom of the application or with the associated shortcut, is home to the elements you use most often, from colors, to character styles, to symbols – all in one, easy to access place. And how it can not only store elements for future use, but keep everything up to date as well. In this video, we're going to take a look at the Assets panel in Adobe XD.
