Learn how to bring in assets created using other Adobe Applications into Adobe XD using Creative Cloud libraries.

Creative Cloud Libraries is a collection of design assets. This service helps you organize, browse, and access creative assets. For more information on how you can use Creative Cloud Libraries for greater efficiency and collaboration, see: 

You can add raster or vector graphics, colors, and character styles from various Adobe apps, and then access them in XD. 

Notă:

Adobe XD does not support adding assets to Creative Cloud Libraries. You can only bring assets into XD from Creative Cloud Libraries.

Graphics created in InDesign is currently not supported in CC Libraries.

The Creative Cloud Libraries panel

To open the Creative Cloud libraries panel:

  • On Windows: Click the Hamburger menu, and select Open CC Libraries.
  • On Mac: File > Open CC Libraries.
The Creative Cloud Libraries panel
The Creative Cloud Libraries panel

A. Libraries list B. Libraries sync status C. Colors D. Character styles E. Graphics 

Libraries list

A drop-down list containing all the folders or libraries that you have created in Creative Cloud Libraries.

Libraries sync status

The icon that lets you know if your Creative Cloud Libraries are up-to-date.

Colors

Swatches of the colors that you have in your Creative Cloud Libraries.

Character styles

The text styles and fonts that you have in your Creative Cloud Libraries.

Graphics

Raster and vector graphics that you have stored in your Creative Cloud Libraries.

How do I add assets to Creative Cloud Libraries from other Adobe apps such as Photoshop or Illustrator?

  1. Open the application in which you have created your assets.

  2. To add character styles or colors: Select the asset having the color or character style that you want to add to Creative Cloud Libraries. In the Creative Cloud Libraries panel, click the Add Character Style, or Add Color icon.

    To add raster or vector graphics: Select the asset and drag it to the Creative Cloud Libraries panel.

The assets are immediately added to Creative Cloud Libraries. When you open XD, these assets are visible in the CC Libraries panel. You can go ahead and use these assets in your XD projects.

For more information on adding graphics, colors, or character styles to Creative Cloud Libraries in Photoshop or Illustrator, see:

Work with images in Creative Cloud Libraries

You can use images (both raster and vector) saved in CC Libraries by dragging them from the CC Libraries window to the artboard.

You can right click to edit your vector graphic in Illustrator or edit your raster graphic in Photoshop. This  streamlined workflow enables you to design and make edits in Photoshop and Illustrator and seamlessly bring them over to XD.

Notă:

You must be connected to the internet to use vector graphics stored in CC Libraries. The reason is because XD uses a cloud service to convert vector graphics into compatible SVGs as you drag graphics from CC Libraries to your canvas.

When you drag a vector graphic to your canvas, there is a brief period where the graphic appears blurred, with a spinning wheel running. This indicates that XD is currently converting it using a cloud service. After the conversion is done, you can see the graphic clearly rendered in XD.

Add images from Creative Cloud Libraries

Drag an image from Creative Libraries to your artboard. By default, the image is added to the artboard as a linked image. This means that any modification made to the asset affects all its linked copies. 

You can resize this image and edit its properties in the Property Inspector without affecting the original image. To make further edits without affecting the original image, you need to unlink it.

To bring graphics from Creative Cloud Libraries as unlinked assets, press Alt/Option while dragging it from the Libraries panel. 

To change a graphic from a linked to an unlinked asset, click the green link icon at the upper left corner of the asset. You can also right-click the image and select Unlink Graphic from the Property Inspector.

Bringing in raster images from Creative Cloud Libraries
Bringing in raster images from Creative Cloud Libraries

Edit images in Creative Cloud Libraries

You can edit raster and vector graphics stored in Creative Cloud Libraries. Right-click an image in the Creative Cloud Libraries or on the canvas and click Edit. Raster graphics open in Photoshop and vector graphics open in Illustrator.

After you make the changes to your image, save it.

The graphic is updated in the Creative Cloud Library, and the thumbnail in the Creative Cloud Libraries panel in XD is automatically refreshed. The image in the canvas is also refreshed with your changes.

License Adobe Stock images in Creative Cloud Libraries

You can license Adobe Stock images stored in Creative Cloud Libraries.

To find out if a stock image is licensed, hover the mouse over the image in the Creative Cloud Libraries window. To license an image, right-click an unlicensed Adobe Stock image, and select License.

A browser window opens the asset in stock.adobe.com. Follow the prompts to complete the purchase. The watermarked image displayed in the Creative Cloud Libraries panel in XD is immediately replaced with an unwatermarked image. 

Apply a color from Creative Cloud Libraries

Select an object in the active XD document, and then do one of the following:

  • Click a color in a library in the Libraries panel, or right-click the color, and select Apply as Fill.
  • To apply a color stroke (border), right-click a color in the CC Libraries panel, and select Apply as Border.
Adding colors stored in CC Libraries
Adding colors stored in CC Libraries

You can also copy the hex value of the color and use it in your project.

Apply character styles from Creative Cloud Libraries

Select a text object in the artboard. In the Creative Cloud Libraries panel, click a character style. 

Applying character styles stored in CC Libraries
Applying character styles stored in CC Libraries

Notă:

If a font from a character style is not present on the local computer, a warning icon is displayed to the right of the character style in Creative Cloud Libraries.

Această lucrare este oferită sub licență Atribuire-Necomercial-FărăModificări 3.0 Ne-adaptată Creative Commons  Postările pe Twitter™ şi Facebook nu sunt acoperite de condiţiile de licenţiere Creative Commons.

Prevederi legale   |   Politică de confidențialitate online