Assets Panel in Experience Design CC

Assets Panel in Experience Design CC

Starting with August 2017 update for Experience Design CC (Beta) we have new Assets panel. It is former Symbols panel with extended functionality: in Assets panel users can save: colors, character styles along with symbols. The main advantage of new features which are added is that users can edit and instantly update colors and character styles throughout entire document (canvas) which usually contains multiple artboards with multiple pages and different device screen sizes.

How to save color, character style, and symbol in Assets panel

There are only three (3) easy steps to save asset in Assets panel:

  1. Open Assets panel by clicking on its icon in the toolbox (second icon from bottom) on the right side of the screen or use keyboard shortcut Ctrl/Cmd + Shift + Y.
  2. Select object with color, character style or object which you want to save as a symbol.
  3. Click on the plus (+) sign on the right side of: Colors, Character Styles or Symbols.

Save color, character style or symbol in Experience Design CC

How to edit color or character style in the Assets panel

To edit color or character style from the Assets panel simply right-click on a color swatch or character style and choose: Edit. Changes will reflect immediately throughout the entire document.
Edit color from Assets panel in Experience Design CC

Instructions for symbols are in my video tutorial: How to Use Symbols in Experience Design CC (Beta).

How to apply color or character style from Assets panel

To apply color from Assets panel do the following:

  1. Select the object 
  2. Right-click on the color swatch and choose: Apply as Border or Apply as Fill

Apply color as border or as fill

To use character style from Assets panel do the following:

  1. Select text frame 
  2. Click on character style which you want to apply
Apply character style in Experience Design


How to delete color, character style or symbol

To delete a color, character style or symbol use right-click on the color swatch, character style or symbol and choose: Delete.
Delete character style from Assets panel in Experience Design CC


Product used in this tutorial:
Adobe Experience Design CC (Beta)

Reference:
August Update of Adobe XD

Comments

Popular posts from this blog

How to Change Artboard Size in Adobe Photoshop

Free Puzzle Pieces Actions For Photoshop and Elements

Old Weathered Vertical Wooden Planks Free Image