Integrating InVision with Jira Cloud

With InVision for Jira Cloud, you can preview, comment on, and inspect prototypes—all without ever leaving Jira.

Installing the app

To install the app in your instance of Jira:

1. From your Jira home page, navigate to the bottom left and click the settings icon ().
2. Click Apps.
3. In the search bar, search for “InVision.”
4. In the list below the search bar, click the InVision for Jira app.
5. Click Get it now.

For a direct link to the add-on in the Atlassian Marketplace, visit this link.

Configuring the app

To configure which projects will use the InVision add-on:

1. From your Jira home page, navigate to the bottom left and click the settings icon ().
2. Click Apps
3. In the left sidebar, click Manage apps.
4. From the list of User-installed apps, click InVision for Jira.
5. Click Configure.
6. Check the box Limit to Projects, and then select the projects where you want to use InVision.
7. Click Save.

Attaching a prototype

To attach a prototype to a Jira issue:

1. Open your prototype in InVision Cloud and create a share URL.
2. Navigate to your Jira issue and, under the InVision section, enter the share URL.
3. Click Attach prototype.

An interactive preview of your prototype will appear.

Interacting with a prototype

After you attach a prototype, a thumbnail image will appear. Any time you make changes to the prototype in InVision, the changes will appear in Jira.

To preview all screens in the prototype, click the thumbnail image. Alternately, navigate to the top right of the image and click the expand button (). If you want to comment on or inspect the prototype, sign in to your InVision account. To just interact with the prototype, click Continue as guest.

To close the prototype, navigate to the top right and click the X button.

If you are unfamiliar with Inspect or commenting features with InVision Cloud, check out these articles:

• Inspect for Craft Sync
• Commenting

Removing a prototype

To remove a prototype from your Jira issue, navigate to the top right of the prototype thumbnail, and click the disconnect button ().