Web Design » InVision » How do I export InVision prototype to HTML?

How do I export InVision prototype to HTML?

Last updated on September 24, 2022 @ 9:21 pm

Export an InVision prototype to HTML using the File > Export command. You can export a complete project or selected components.

To export a complete project:

1. Navigate to File > Export.

2. In the Export dialog, select the Project option.

3. In the Export Project dialog, select the Include All Components check box.

4. In the Export Project dialog, select the Export as: HTML check box.

5. In the Export Project dialog, specify the path and filename for the HTML file.

To export selected components:

2. In the Export dialog, select the Component option. In the Export Component dialog, select the Include All Components check box. In the Export Component dialog, select the Export as: HTML check box. In the Export Component dialog, specify the path and filename for the HTML file.

PRO TIP: InVision allows you to export your prototypes into HTML, but there are a few things to keep in mind when doing so. First, any assets used in your prototype (images, etc.) will need to be exported as well. Second, InVision does not currently support exporting animations or transitions. Finally, keep in mind that the generated HTML is for prototyping purposes only and is not meant to be used as production-ready code.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.