Created by Angela Glass, last modified by Rona Sheen on Dec 11, 2019
Single Screen Embed
With InVision Live Embed, you can integrate your screens with Confluence, JIRA and Trello. Bring live screens right into your existing conversations, designs, and workflows, so everyone can always be up to date. Currently, you can only embed a single screen of a desktop prototype, as opposed to an entire prototype. With Live Embed, you cannot embed a full prototype of any kind, nor can you embed a screen from a mobile prototype. You can leverage the Live Embed feature by selecting the </> icon on any given screen and selecting the desired channel where you want to embed the screen.
- From the Invision screens view, select the three dots icon ... of the screen you wish to embed
- Select <> and then Custom Embed to copy the URL.
- Insert an Image (⌘+M) in the Confluence page you are editing, and paste the URL.
- On the next screen, link the image to the prototype, or to the specific screen in the prototype.
Examples
Example of a user flow as a single screen embed
| Description | Home | Shows | On Now |
|---|
| Wire | e | | |
|---|
| Comp |
|
|
|
|---|
Example of Single Screen Wires embed
Embedding Prototype — Mobile Only
You can embed an entire mobile prototype within an external environment. There is currently no way to embed a full desktop prototype in an external environment.
To embed a mobile prototype:
- Click the prototype you wish to embed.
- Click the ••• button (next to Assets under your prototype name).
- Click </> Embed Prototype at the top of the menu.
- Choose whether you’d like to embed via Embedly or an iframe embed code.
- You will be presented with the custom embed code for your mobile prototype.
- Click the green Copy Code button.
- Copy and insert wherever you would like in your external environment.
Future: Invision Confluence & JIRA Plugin
One day when the InVision Confluence & JIRA plugin has been installed on DATG JIRA... Live Embed integrates @InVisionApp with @JIRA: http://bit.ly/1B1uVh0
This time-saving integration is beyond simple:
- Grab a share link from your InVision prototype you’d like to include
- Open a Confluence page in edit mode, paste the link and click publish
That’s it! A mini-prototype will show right inline, along with handy links to Preview, view the project comments you’ve made in Confluence, and use Inspect to generate working code.
