领航下载站 / 汇聚当下最新最酷的软件下载站!
领航下载站
您的位置: 首页 >软件频道 > 图文处理 > 图像其它 > Adobe XD插件
Adobe XD插件 v1.4.3 / Adobe XD标注切图插件

Adobe XD插件是一款专门用于标注和切图的工具,让协作设计变得更为简单。它支持Adobe XD 13及以上版本,从此再也不用手动标注和切图了,一键搞定。而且在查看方面更细腻,可缩小距离观看。

Adobe XD插件

Adobe XD插件使用教程

1、打开插件

插件安装好后打开XD,在「菜单栏>插件」找到摹客插件,选择并打开。

Adobe XD插件

2、选择项目和分组

通过下拉菜单选择项目和分组,设计稿将上传至该项目对应的分组中。

3、新建项目

通过点击加号图标进行新建项目的操作。

在新建项目时可选择项目集,将项目创建在目标项目集内。

Adobe XD插件

4、标记切图

选中需要切图的图层或编组,在图层栏中点击「添加导出标记」图标。

此时图标变黑,提示「添加导出标记」变为「取消导出标记」,此时切图操作便完成了。

Adobe XD插件

5、自定切图尺寸

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

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

Adobe XD插件

6、选择设计稿倍率

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

Adobe XD插件

7、上传设计稿

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

Adobe XD插件

主要功能

1、自动标注更智能

不仅支持标注,还支持百分比标注;不仅可以选择单个图层,还可以连续选择多个图层,并智能标注需要的度量。

2、查找标注更方便

可以一键查找页面中的任何重复元素(如文本、颜色、边距、宽度等),一次查找,就可全部看清,提高效率。

3、查看标注更细致

除了正常查看,还可以弹出放大镜,查看微小距离的标注。

4、设备适配更实用

对不同设备的单位做自动转换,方式更简单,更符合实际需要。

5、整理规范更聪明

自动将页面中使用的颜色、文本样式等整理为设计规范。

6、交互演示更细腻

对交互演示,支持9种动画设置。

7、进度掌控更容易

支持页面完成状态、工作任务评价的标记(20多种标记图标),便于快速查看和掌握全局进度。

软件特点

1、和手动标注说再见

一键上传,智能标注,鼠标点击即可查看标注数据;右侧面板图层数据一目了然。

Adobe XD插件

2、和手工切图说再见

一键标记,高清切图自动生成;自动上传,前端工程师也能实时更新切图。

Adobe XD插件

Adobe XD插件下载

回顶部 去下载