×

Studio GSG: Publishing and Sharing

Once you create your prototype in Studio, it’s time to publish it for sharing, viewing, inspecting, and commenting with your collaborators in InVision.

Important: It is not possible to publish or preview a Studio document that does not include artboards.

Publishing a Studio prototype to InVision

To publish a Studio prototype to InVision:

  1. At the right end of the Studio toolbar, click the InVision publishing icon (studio-publish-icon.png).
    Note: The publishing dialog will open on the Publish Prototype tab by default.
  2. In the Name field, enter the prototype name. Or click the Select Existing button, click the Prototype drop-down arrow, and enter a prototype name in the Search field.
  3. In the lower left corner, click the account drop-down arrow and choose either your personal account or a team account.
  4. Click the Publish button (or the Update button if working with an existing prototype).

 studio-publish-prototype.gif

Mirroring Studio Prototypes

Use the device mirroring feature in Studio to preview prototypes in action on the InVision iOS app.

To mirror a Studio prototype on your iPhone or iPad:

  1. Ensure that your computer and iOS device are connected to the same WiFi network.
  2. In the Studio toolbar, click the sync icon (studio-publish-icon.png) and click the Mirror tab. This will generate a unique QR code.
  3. In the footer of the InVision iOS app, tap the QR scanner icon (invision-ios-app-qr-scan-button.png).
  4. Scan the QR code displayed in Studio. This will automatically mirror the prototype to your device.

To stop mirroring the Studio prototype to your iOS device, at the bottom of the Studio sync dialog, hover over the green dot next to your device name and click the X that’s revealed.

Viewing and sharing a Studio prototype

Sharing your Studio prototypes with other people is currently done by sending a public link. It is not yet possible to invite collaborators to Studio prototypes; however, anyone you share a public link with can view and comment, as discussed in the "Commenting on a Studio Prototype" section below.

To open a prototype from Studio after publishing or updating it:

  1. At the right end of the Studio toolbar, click the InVision publishing icon (in).
  2. Under the prototype name, click Copy Link or click the URL itself to open the prototype in InVision.

To share a Studio prototype as public link from InVision:

  1. Open the published Studio prototype in InVision.
  2. At the bottom-right corner of the console toolbar, click the green Share button.
  3. In the Share dialog, click the Get Public Link button, and then click the link icon (to copy the link to your clipboard).
  4. Send the public link to the people you want to access your prototype.

Important: Anyone with the public link can access your prototype.

To share a Studio prototype—from the InVision console—with an Enterprise team:

  1. Open the published Studio prototype in InVision.
  2. In your browser URL bar, select and copy the full URL.
    Note: Do not use Share button in the bottom-right corner of the console; that button is to copy a public link that anyone can use to access your prototype.
  3. Send the Studio prototype URL to the people you want to access your prototype.

Commenting on a Studio prototype

Along with the prototype owner, any collaborator with a share link to access a Studio prototype in InVision can comment on that prototype. To leave comments on a Studio prototype you’re viewing, in the console toolbar, click the comment icon (invision-console-comment-icon.png) or use the keyboard shortcut—C. To notify specific people about a comment, @mention them in the comment.

Inspecting a Studio prototype

InVision Inspect makes it convenient for developers and project managers to grab everything they need from a Studio prototype to start building the project. To inspect a Studio prototype you have open in InVision, in the console toolbar, click the Inspect icon (invision-console-inspect-icon.png) or use the keyboard shortcut—I.