Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


Assets

The Assets tab is only available for prototypes in InVision V6. Learn how to download your existing assets before or after updating to InVision V7. Not sure which version you're on? Find out now.

Using InVision V6, you can quickly share assets with collaborators and team members. To access a prototype's assets, open the prototype and click the Assets tab.

This image shows the InVision homepage and uses an added pink arrow to indicate where the Assets tab is located.

Manually adding assets

The Assets tab allows you to keep all project-related files—including source files—in one place. You can also create folders to organize your content.

Currently, folders and items cannot be rearranged. We recommend creating folders before uploading individual items.

To create a new folder:

  1. Open your prototype and click the Assets tab.
  2. If the folder should be nested inside a larger folder, click to open the desired parent folder.
  3. Click Create A New Folder.
  4. Type the folder name and press Enter.
This image shows InVision open to the Assets tab and uses an added pink square to indicate where the 'Create a New Folder' button is located.
To rename a folder you created, hover over the folder and click the edit icon (This image is the pencil icon that users will click, after hovering over a folder in InVision, to edit the folder's name.).

To upload a new asset:

  1. Open your prototype and click the Assets tab.
  2. If the file should be uploaded to a specific folder, click to open the desired folder.
  3. Click Add A New File.
  4. Drag-and-drop the desired file(s), or click Browse.
This image shows InVision open to the Assets tab and uses an added pink square to indicate where the 'Add a New File' button is located.

For more information on upload limits for assets, check out this article: What are the upload limits for InVision?

Adding assets via Craft Sync

Using Craft Sync, you can add assets directly from Sketch or Photoshop. Located within the Assets tab of your prototype, these assets will appear in the Images > Inspect folder.

To add assets from Sketch, mark the desired layer as exportable in Sketch. Then sync your prototype to InVision using Craft Sync. After doing so, you should notice the assets in the Assets tab.

When using Sketch, If you have multiple groups or layers at the same level that have the same name, InVision will automatically append unique numbers to the end of the file names. This allows you to more easily distinguish between similar items available for download. For example, if you have two layers in Sketch named rectangle, they will be renamed rectangle-1 and rectangle-2 in InVision. The layer names in your original Sketch file will remain unchanged.

To add assets from Photoshop, append ".png" to the end of the layer name and sync your prototype to InVision using Craft Sync.

For each artboard in Photoshop, we recommend giving a unique name to every group, nested group, and layer that you want to export as assets. If multiple layers or groups share the same name, it can prevent assets from being generated properly in Inspect.

Managing assets

Viewing asset history

Assets added via Craft Sync will maintain a history of each version that was uploaded. To view an asset's version history:

  1. Open your prototype and click the Assets tab.
  2. If needed, click the search icon (This image is the Search icon users can click in the InVision interface to search for specific assets.) and search for your asset by name.
    At this time, you can only search within the current folder. If the item is in a subfolder or a different folder, it won't appear in the search results.
  3. Once you've located the desired asset, hover over the asset and click the history icon (This image is the History icon users can click in the InVision interface to check all versions of a specific asset.).

Here you can view or download any version of the asset.

This GIF demonstrates the steps for checking the version history of an asset in InVision.

Downloading assets

To download an asset:

  1. Open your prototype and click the Assets tab.
  2. If needed, click the search icon (This image is the Search icon users can click in the InVision interface to search for specific assets.) and search for your asset by name.
    At this time, you can only search within the current folder. If the item is in a subfolder or a different folder, it won't appear in the search results.
  3. Once you've located the desired asset, hover over the asset and click the download icon (This image is the Download icon users can click in the InVision interface to download an asset.).
This image shows InVision open to the Assets tab and uses an added pink square to indicate where the 'Download' icon is located.

Sharing assets

From the Assets tab, you can create share links for others to download an asset.

To create a share link:

  1. Open your prototype and, near the top of the page, click the Assets tab.
  2. If needed, click the search icon (This image is the Search icon users can click in the InVision interface to search for specific assets.) and search for your asset by name.
    At this time, you can only search within the current folder. If the item is in a subfolder or a different folder, it won't appear in the search results.
  3. Once you've located the desired asset, hover over the asset and click the share icon (This image is the Share icon users can click in the InVision interface to share an asset.).

A new window will open where you can either copy the share link or download the asset.

This GIF demonstrates the steps for creating a share link for a specific asset.

Deleting assets

To delete an asset from the Assets tab:

  1. Open your prototype and click the Assets tab.
  2. If needed, click the search icon (This image is the Search icon users can click in the InVision interface to search for specific assets.) and search for your asset by name.
    At this time, you can only search within the current folder. If the item is in a subfolder or a different folder, it won't appear in the search results.
  3. Once you've located the desired asset, hover over the asset and click the delete icon (This image is the Delete icon users can click in the InVision interface to delete an asset.).
  4. To confirm, click Delete.
This GIF demonstrates the steps for deleting an asset in InVision.

Learn something new

Craft for design

With Craft designers can speed up their design workflow in Sketch. You can use Craft tools to quickly populate your designs, prototype, and sync design files to InVision.

Learn Craft

Intro to Design System Manager

Learn about InVision DSM, the design system platform for collaborative teams. Find the plan that's right for you and your team and set up your DSM organization.

Learn DSM

Getting started with InVision Enterprise V7

InVision Enterprise provides a connected workflow that brings together the tools, people and processes needed to build great digital experiences at scale.

Learn InVision V7

Organization setup and team management

Let’s get your organization set up right. You can modify account settings, and integrate with the tools your team already uses. Then invite your team and set permissions.

Learn setup & management

Image of Craft Logo