Web Design » InVision » How do I import sketch into InVision?

How do I import sketch into InVision?

Last updated on December 19, 2022 @ 5:35 pm

InVision is a collaboration platform that allows designers to create and share interactive designs with their team. Once you have registered for a account, you can access the platform by visiting InVision.com.

1. Once on the InVision platform, you will need to create a new project.

2. You can either create a new project from scratch or import an existing Sketch file.

3. To import a Sketch file, click on the “File” button in the top left corner of the screen, and select “Import.”.

PRO TIP: If you are looking to import a sketch file into InVision, be aware that InVision only supports .sketch files from versions 43.1 and earlier. Any .sketch files created in version 43.2 or later will not be compatible with InVision.

4. On the “Import Sketch File” window, select the Sketch file you want to import, and click on the “Open” button. Once the Sketch file has been imported, you will be able to see it in the “Sketch” panel in the main window.

5. To start editing the file, double-click on it to open it in Sketch. You will see the same layout as on InVision, with separate panels for the “Design” and “Code” layers.

6. You can also open the “Variables” panel, and start editing the variables in the file.

7. When you are finished editing the file, you can save it by clicking on the “File” button in the top left corner of the screen, and selecting “Save”.

8. You can also export the file as a PDF or an image by clicking on the “File” button, and selecting “Export.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.