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

 

Installation

Download the Adobe XD plugin at (https://idoc.mockplus.com/download) and click to install it on your computer.

Open the Adobe XD Plugin to Get Started

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

1

 

Register & Log In

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

2

Select Collaboration 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 the   icon:

5

When the prompt popping out changes from “Mark for Batch Export” to “Unmark for Batch Export”, the slice has been marked successfully.

6

 

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.

7

 

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.

8

Create Project/Switch Team/Switch Account

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

9

 

 

See Also:

 

XD Plugin