摹客XD切图插件

摹客XD切图插件是一款专门在Adobe XD上使用的辅助工具，能够帮助用户进行自动标注切图，鼠标点击即可查看标注数据，让用户的设计工作更加轻松，有需要的用户不要错过了，欢迎下载使用！

软件特色

自动标注更智能

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

查找标注更方便

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

查看标注更细致

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

设备适配更实用

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

整理规范更聪明

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

画板呈现更体贴

可展示页面的全貌画板，画板缩放更自如，设置流程逻辑线的方式更清晰，可添加逻辑描述， 支持导航漫游，还可设置演示首页。

批注方式更贴心

除了支持图钉批注，还支持圆形、矩形、直线、箭头、文字等多样批注。

交互演示更细腻

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

管理页面更方便

以目录树方式管理页面，支持创建多级多个分组。结构一目了然。

进度掌控更容易

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

需求说明更全面

支持多种附件文档支持，支持任何类型文件的上传共享，并支持多种产品文档的直接在线预览， 包括Axure、Justinmind、Mockplus的原型演示、office文档预览、 图片文件预览、pdf和文本文件预览还同时支持分组，便于管理。

产品文档

全新的PRD文档撰写功能，富文本在线编辑，并可将线框、原型或高保真插入文档；可自由引用文档，打点评论；还可直接上传pdf、doc、docx文档在线预览。

软件亮点

和手动标注说再见

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

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

智能标注

百分比标注

多选标注

放大镜

和手工切图说再见

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

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

自动切图

自动生成不同倍率

多选下载

使用方法

自定切图尺寸

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

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

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

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

选择设计稿倍率

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

上传设计稿

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

状态图

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

添加更新说明

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