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


Replacing screens in an InVision V7 prototype

Follow

This article provides answers for InVision V7. If you're on InVision V6, use these instructions instead. Not sure which version you're using? Find out now.

There are a couple of ways to replace screens in your InVision prototypes. Once the screens are replaced, all hotspots, templates, and comments will remain in place.

Replacing a single screen

To replace a prototype screen in InVision V7 without using Craft Sync:

  1. Open the prototype.
  2. On the prototype homepage, locate the screen you want to replace.
  3. From your Finder window, drag and drop the updated image directly onto the screen it will replace.
    This action cannot be undone without repeating steps 2 and 3, using the original screen.
    new-invison-cloud-replace-single-screen.gif

Replacing a single screen within Console

To replace the active screen while viewing a V7 prototype in the InVision Console:

  1. Open the prototype, hover over a screen, and click View screen.
  2. Use the arrow buttons in the Console to navigate to the screen you want to replace.
  3. From your Finder window, drag and drop the updated image directly onto the screen you're currently viewing in the Console.
    This action cannot be undone without repeating steps 2 and 3, using the original screen.
    invision-v7-replace-active-screen-in-console.gif

To replace a screen in Console that you're not currently viewing, hover over the screen name at the left of the InVision toolbar, click Expand thumbnail tray, and then drag the new image over the thumbnail of the screen it will replace.

Uploading new screens within Console

To upload one or more new screens while viewing a V7 prototype in the InVision Console:

  1. Open the prototype, hover over a screen, and click View screen.
  2. Hover over the screen name at the bottom-left end of the Console, and then click Expand thumbnail tray.
  3. Use either method to select and upload the new screen/s to the thumbnail tray:
    • From your Finder window, drag and drop the new screen/s directly onto the Drop an image here or browse to upload box.
    • Click browse within the same box, select the images, and click Choose.
      invision-v7-upload-new-screens-in-console.gif

Replacing multiple screens

Before you begin, please note that if you want to replace multiple screens (either when syncing from your design tool with Craft Sync or using the instructions below), each screen must have the same file name as the screen you are replacing. If named identically, any screen you replace should retain all hotspots, templates, and comments associated with the previous version.

To manually replace multiple prototype screens on InVision:

  1. Open the prototype.
  2. On the screens overview page, click the Add Screens button and then click Upload screens.
  3. From the Finder window that opens, drag and drop—onto InVision in your browser—all of the new image files that should replace the old screens.
    This action cannot be undone without repeating steps 2 and 3, using the original screens.
    new-invision-cloud-replace-multiple-screens.gif

Was this article helpful?

Still have a question?

Get Help