Web Design » InVision » How do I embed InVision in prototype?

How do I embed InVision in prototype?

Last updated on December 19, 2022 @ 3:15 pm

InVision is a powerful prototyping tool that can help you create high-quality visual designs. To embed InVision in your prototype, follow these steps:

1. In your prototype, create a new file.

2. Click the “New” button in the toolbar and select “InVision” from the list of options.

3. In the “InVision” dialog box, enter the following information:

  • The name of the InVision project.
  • The URL of your InVision account.
  • The ID of the prototype you want to embed InVision in.

4. Click “Create.”

5. In the “InVision” dialog box, click the “Open” button.

6. In the “InVision” dialog box, click the “Embed” button.

7. In the “InVision” dialog box, enter the following information:

  • Your InVision project’s name.
  • The width and height of the InVision window.

8. Click “OK.”

9. In the “InVision” dialog box, click the “Close” button.

10. Click the “Play” button in your prototype to see the embedded InVision project.

11. Click the “Close” button in the “InVision” dialog box to dismiss it.

12. Click the “Close” button in your prototype to close it.

13. Click the “Save” button in your prototype to save the project.

PRO TIP: InVision does not offer an embed code for prototypes. If you are looking to share your prototype with others, you will need to export it as a PDF or share the link.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.