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


 

Adobe XD切图插件使用说明

自定切图尺寸

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

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

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

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

选择设计稿倍率

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

上传设计稿

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

状态图

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

添加更新说明

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

Adobe XD切图插件软件特色

和手动标注说再见

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

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

智能标注

百分比标注

多选标注

放大镜

和手工切图说再见

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

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

自动切图

自动生成不同倍率

多选下载