Intro

ProtoPie supports importing designs from Sketch (macOS) and Adobe XD CC (macOS and Windows) with just a few clicks.

Get Started

Open the Sketch or Adobe XD CC file that will be imported and open ProtoPie Studio. From ProtoPie Studio, select “Import” from the File menu.

sketch import

Sketch Import

ProtoPie provides a variety of ways you can implement in order to import files created with Sketch. You can customize the importing process so that you can, for instance and depending on the workflow, import every layer from the Sketch file, or import only the layers that have been set as “exportable” from Sketch. You can also bring back changes in the prototype except positions or sizes of layers that were changed in ProtoPie Studio when re-importing to Sketch.

Artboard
Select the artboard from Sketch that will be imported
Import Size
Set the magnification factor of a layer. This can be changed based on the size of the artboard in Sketch
All layer structure
All layers from the artboard are imported in a folder structure
Exportable layers
Only layers that have been set to be exportable are imported
Overwrite positions of layers
Overwriting position values of layers when re-importing artboard from Sketch
Overwrite sizes of layers
Overwriting size values of layers when re-importing artboard from Sketch
Update layer orders and grouping structure
Update layer orders and grouping structure when re-importing artboard from Sketch
Remove layers deleted in Sketch
Remove layers that have been deleted in Sketch when re-importing artboard from Sketch

Adobe XD CC Import

ProtoPie provides a variety of ways on how you would like to import designs from Adobe XD. You can customize the importing process by importing every layer or only the layers that have been marked for export in Adobe XD. Learn more about marking for export in Adobe XD here.You can make changes to your designs in Adobe XD and re-import your designs into ProtoPie. This means that you can go back and forth between Adobe XD and ProtoPie, ensuring a seamless design and prototyping workflow.

Artboard
Select the artboard from Adobe XD CC that will be imported
Import Size
Set the magnification factor of a layer. This can be changed based on the size of the artboard in Adobe XD CC
All layer structure
All layers from the artboard are imported in a folder structure
Only layers marked for batch export
Only layers that have been marked with “batch export” in Adobe XD CC are imported
Overwrite positions of layers
Overwriting position values of layers when re-importing artboard from Adobe XD CC
Overwrite sizes of layers
Overwriting size values of layers when re-importing artboard from Adobe XD CC
Update layer orders and grouping structure
Update layer orders and grouping structure when re-importing artboard from Adobe XD CC
Remove layers deleted in Sketch
Remove layers that have been deleted in Adobe XD CC when re-importing artboard from Adobe XD CC

Other Options

Recently used

The recently used tools and settings are shown here.

Re-import from Recently used

The recently used tools and settings are imported.

Language selector
TOP