Assets
  • 30 Jan 2023
  • 3 Minutes to read
  • Dark
    Light

Assets

  • Dark
    Light

Article summary

The Assets tab is only available for prototypes in InVision V6. Learn how to download your existing assets before updating to InVision V7 in this article and how to share assets in InVision V7 here.

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.

Assets_tab.png

Manually adding assets

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

Currently, folders and items can't 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.
Create_an_asset_folder.gif
Tip: To rename a folder you created, hover over the folder and click the edit icon (.).

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.
Add_an_asset.gif

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.

NoteWhen 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.

NoteFor 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.
    Note: 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.

View_asset_history.gif

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.
    Note: 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.).
Download_assets.gif

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.

Create_a_share_link.gif

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.
    Note: 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.
Delete_an_asset.gif

Was this article helpful?