Mockplus iDoc offers users a plugin to export artboards with slices marked from Adobe XD directly and quickly.



Download the Photoshop plugin at ( and click to install it on your computer.


Open the Photoshop Plugin to Get Started

After installing the plugin on your computer successfully, find and open it like this: Window > Extension:



Register & Log In

Log in with your Mockplus account (the account of your Mockplus prototyping tool or Mockplus DS can also be used in Mockplus iDoc) .



Select Teams and Projects

Expand the list to select a needed team and project as the targeted project. In this way, all your artboards will be uploaded to this project.




Mark Slices

Select the layers or folders of the needed slices and click “Mark for export”.

When a “-e-” has been added to the slice name and the “Mark for export” changes to “Unmark”,  the slice has been marked successfully.



Select Different Pixel Densities

Expand the drop-down pixel density list to choose a proper pixel density. If you forget to set a pixel density for your artboards in this plugin, you can also set it later on the web.

For example, if you have an artboard in 750px*1334px, @2× is a good choice.



Upload Artboards 

Upload all your artboards or the selected artboards with one click after marking all slices successfully. Then, you can freely view these artboards on the web.




State page

Select a single artboard in PS and click the “Upload as state” button on the iDoc plugin panel to upload a state page. Click here to view detailed steps of state page.



Create Project/Switch Team/Switch Account

Click menu in the upper right corner to Create project/Switch team/Switch account as below:





See Also:

PS Plugin