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

 

Installation

Download the Photoshop plugin at (https://idoc.mockplus.com/download) 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:

1

 

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

2

 

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.

3

4

 

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.

5

 

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.

6

 

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.

7

8

 

Create Project/Switch Team/Switch Account

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

3

 

See Also:

PS Plugin