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
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.