Web Design » InVision » How do you make an InVision prototype from Sketch?

How do you make an InVision prototype from Sketch?

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

Making an InVision prototype from Sketch is relatively easy. First, create a new InVision project. You can use the default template or create your own. Next, import your Sketch file. In the InVision project, select the Sketch file from the File menu.

PRO TIP: InVision prototypes made from Sketch can be unstable and may cause crashes.

In the resulting dialog, select the “Copy as HTML” option. In the HTML file, you’ll see the Sketch file and all of its layers. You can edit the file as you would any other HTML document. To preview the prototype, click the “Preview” button.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.