By connecting InVision with Jira, we’re closing the gap between design and engineering, making it easier to work together. With this integration, designers save time by keeping just the prototype up to date—instead of the prototype, Jira issue, and screens. Engineers stay current with the latest designs, leaving more time to iterate on the important things that make your product successful.
Integrate InVision and Jira by pairing an InVision prototype with a Jira issue. Once a prototype is attached, a Jira issue will display a visual preview of the prototype. From here, you’ll be able to view, comment, and access Inspect for your prototype.
The InVision for Jira integration is available as add-on for both Jira Cloud and and Jira Server. In Jira Server, the add-on works in all Atlassian supported major versions of Jira (two years after the first major iteration of that version was released e.g. Jira Core 7.0.x for 2 years after Jira 7.0.0 was released).
Installing the integration
You must have Jira admin privileges to install the add-on.
To install the integration in your instance of Jira:
- From your Jira dashboard, click the cogwheel at the top right.
- Click Add-ons to visit the Atlassian plugin marketplace.
- Search “InVision” from the search bar. (Alternatively, you can just view and install the InVision app in the Atlassian Marketplace here.)
- Click the green Try it free button to install the add-on.
Choosing projects the integration appears in
You can now choose which projects the InVision Jira plugin gets added into. To configure that:
- Within the "Administration" page, select Add-Ons then Manage Add-ons.
- Select the "InVision for Jira" add-on.
- Click Configure.
- Enable the Limit to Projects option and select the projects you want to make the add-on available within
Note: You cannot yet filter based on issue type or other conditions.
Installation for Enterprise Private Cloud and Private Network
InVision for Jira Version 1.2 and later supports Enterprise for Private Cloud and Private Network. The exact steps you'll need to take to get our Jira integration working properly depend on whether you're using Jira Cloud or Jira Server.
If using Jira Server, a Jira Admin will need to switch the standard URL https://projects.invisionapp.com with their private cloud URL. For example, https://companyname.invisionapp.com. It's critical that you do these steps if you're a Private Cloud or Private Network customer.
- Click Configure under InVision for Jira.
- Enter your company's URL in the Server URL field.
- Click Save configuration.
If using Jira Cloud, you need to do the following:
- In Jira, go to Add-ons > Manage Add-ons.
- Click Upload add-on. (In order to see the "Upload add-on" link, you may have to click on Settings and then enable development mode.)
Enter the following URL, substituting the sub-domain of your Private Cloud instance for the value in brackets: https://[yourdomain].invisionapp.com/jira-bff/atlassian-connect.json
For example, if your InVision Private Cloud sub-domain was “yourcompany”, you should enter https://yourcompany.invisionapp.com/jira-bff/atlassian-connect.json
- Click Upload to finish installing the InVision add-on for Jira Cloud.
Attaching your prototype
To attach your prototype with your Jira issue:
- Go to your InVision prototype and create a share URL. (Note: You can alternatively create a share URL for a single screen or specific selection of screens.)
- Go to your Jira issue and enter the URL in the integration section under the Description section.
- Click Attach prototype. The error message "Dang it! There was a problem with that URL. Please input a prototype's share URL" indicates a permissions issue. Here's how to fix it.
- A preview of your prototype will appear.
Once your prototype is paired, you’ll be able to see a prototype preview, as well as some additional information about your prototype, as seen in the example below. The share link is dynamic, so anytime you make changes to the prototype in InVision, they’ll be reflected in the Jira issue.
Clicking the Preview button will open your prototype in InVision. If you click the Comment button, your prototype will open in a new tab or window in Comment Mode. Click the Inspect button to open your prototype in Inspect Mode in InVision. Clicking on the thumbnail preview will open the share link in a new browser tab so that it is possible for a user that does not have access to InVision to be able to view the prototype.