Mockplus iDoc offers users a plugin to export artboards with slices marked from Adobe XD directly and quickly.
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:
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.
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 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.
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: