Adobe XD切图插件

Adobe XD切图插件是针对Adobe XD制作的一款切图插件，该插件支持自动标注切图，方便用户对原型图进行设计及修改，可以大大提高用户的切图效率，有需要的朋友赶紧下载使用吧！


 

Adobe XD切图插件使用说明

自定切图尺寸

在 Adobe XD 中如何自定切图尺寸呢？看看下面的操作方式：

在 XD 中绘制一个矩形，将矩形调整为你所需的切图尺寸。

同时选中图标和矩形，将二者合并成组。

对分组“添加导出标记”，接着使用摹客插件将画板上传摹客即可。

选择设计稿倍率

点击倍率下拉框，根据设计稿的画板大小，选择设计稿对应的倍率。例：750px*1334px的设计稿对应 @2× 。

上传设计稿

标记完成切图之后，一键将设计稿上传至云端项目中，提示完成后便可在云端查看到刚才上传的设计稿。（注：操作过程中，如果误点击了“上传”，可在上传界面右上角点击“取消”，本次上传将会立即中止。）

状态图

在XD中选中单个画板并勾选“上传所选画板”，点击“上传”按钮，插件将自动执行上传状态图操作。状态图详细操作可点击查看：状态图。

添加更新说明

用插件上传设计稿修改时，可为本次修改添加更新说明，方便其它同事快速了解修改内容。点击插件界面下方“添加更新说明“按钮，该说明将会和设计稿一同上传至摹客。
 

Adobe XD切图插件软件特色

和手动标注说再见

一键上传，智能标注，鼠标点击即可查看标注数据；

右侧面板图层数据一目了然。

智能标注

百分比标注

多选标注

放大镜

和手工切图说再见

一键标记，高清切图自动生成；

自动上传，前端工程师也能实时更新切图。

自动切图

自动生成不同倍率

多选下载