Importing designs from Sketch


One way you can start prototyping in is by importing your Sketch designs: you can import artboards or layers. Any prototyping links created in Sketch will also be imported, as long as they belong or refer to imported artboards. Specifically, Sketch links will be converted to interactions on the respective layers.

To get started, download and install the Design Plugin for Sketch.

Export from Sketch

Export your entire project, selected artboards or individual layers from Sketch.

Don't have a Sketch file handy? Download our own sample Sketch file


Upload the exported file to your project

Simply drag and drop the exported .protoio file on your canvas or on the quick assets side pane. If you exported items as images, then upload the exported .png files.


Artboards in Sketch are transferred over as Screens

Sketch Artboards Screens


Your items and groups hierarchy is transferred just like you set it up in Sketch

Sketch Layers Layers


Reducing complexity: The '@' symbol

Use the '@' symbol at the start of your group name to export an entire group as a single image. Very handy for transferring fewer, easier to manage images in



Update individual assets: Export 'Selected Items as Images'

If you edit one or more assets in Sketch after you have imported them in, you can select to export individual assets using the third Plugin menu option.

Exporting your assets this way will preserve their unique file names as used during the first export and will allow you to drag and drop them to replace them in



Continue editing in Sketch and keep in sync

The easiest way to keep all assets in in sync is to choose to export all artboards in Sketch, upload the .protoio file and then click "No thanks" in the relevant modal that pops up.


Related tip: If you have created new artboards in Sketch and would like to transfer them to, what you need to do is select them from Sketch and then choose to export "Selected artboards as screens" from the plugin menu. This will create a .protoio file containing only the new artboards.

Also see video: Using the Design Plugin for Sketch

Have more questions? Submit a request