Skip to main content

Add images and content to a Visual

Add images from connected content or your device, reuse them from Content Shelf, and adjust their crop.

D
Written by David Peng

Add product photography, campaign artwork, or another image to the active Visual.

The image browser may be labeled Assets or Content Shelf in your editor.

Add an image from connected content

Browse content appears only when your host app provides a connected asset library. The host app supplies the picker and its confirmation button.

  1. Select the Visual that should receive the image.

  2. Open Add image in the top toolbar and choose Browse content.

  3. Select one or more images in your host app’s picker and confirm your selection.

  4. Wait for the images to import and appear in the active Visual. They also become available in Content Shelf for reuse.

Content Shelf showing an imported image available beside the active Visual.

Upload from your device

Select the target Visual, then choose Add image → Upload from device in the top toolbar. Select an image file and wait for the upload. The image is added to the active Visual and becomes available in Content Shelf for reuse.

When you are editing inside a group, new images go into that group. Press Esc to leave the group first if you want to add at the Visual’s top level.

Reuse an image

  1. Open Content Shelf in the left panel.

  2. To add a new copy, clear the layer selection and select only the target Visual, then click the asset. You do not need this step to finish the initial import from the host picker.

If a newly imported image is missing, click Refresh assets. Check the hint above the assets before clicking. If it says the asset will replace selected images, clicking replaces editable selected Image layers; locked and non-image selections are skipped. If it says several Visuals are selected, clicking adds the asset to all of them. Clear the selection first when you want only one new copy.

Adjust the Image layer

  1. Select the Image layer on the canvas or in Layers.

  2. Use Transform to change its position, size, or rotation.

  3. Use the Image section to choose fit or fill and adjust crop, scale, anchor, or offset.

  4. Double-click the image to reposition its content directly inside the frame.

Selected Image layer with Transform, Appearance, and Image controls open in the inspector.

Troubleshooting

  • If Browse content is unavailable, the connected library is not enabled for this workspace or host app. Use a device upload if available.

  • If the asset does not appear in Content Shelf, click Refresh assets.

  • If an image is added to the wrong Visual, undo the change, select the intended Visual, and add it again.

  • If the image looks stretched or clipped, select its layer and change the fit, fill, or crop settings.

Next guide

Continue with Edit text and layers to position the image alongside the rest of your content.

Did this answer your question?