摹客Sketch标注切图插件

摹客Sketch插件是Sketchup这款使用程度相当高的图像处理应用的插件之一，该插件作用的领域是图像处理中的切图和标识，在安装后可作为独立的功能模块来使用，用户要做的就是把本地需要处理的图像文件全部导入到指定区域内，然后在右侧的参数栏中设置标识的具体参数，完成特定区域的像素切图。

摹客Sketch插件特色

1、快捷设计

团队中的成员均可分享设计资源并遵守设计规范。可以在Mockplus和Sketch中，将设计元素上传到设计系统形成规范，同时，也可将库中的设计资源快速应用到Mockplus和Sketch的设计中，自动同步更新。

2、资源管理

在云端管理你的所有设计资源，包括颜色、Logo、图标、文字、组件、度量元素、阴影等。你可以建立多个库、分类和子分类来进行管理。

3、轻松分享

一键分享设计规范给伙伴儿。可以导出CSS、SCSS、LESS，应用到前端开发。还可以自动导出各类版式的设计规范图（UI Style Guide）。

摹客Sketch插件功能

1、和手动标注说再见

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

2、和手工切图说再见

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

3、自动标注更智能

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

4、查找标注更方便

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

5、查看标注更细致

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

6、设备适配更实用

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

7、整理规范更聪明

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

8、画板呈现更体贴

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

9、批注方式更贴心

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

10、交互演示更细腻

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

11、管理页面更方便

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

12、进度掌控更容易

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

13、需求说明更全面

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

14、产品文档

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

使用教程

一、新建项目

点击项目名称后面的小三角，在展开的列表中点击加号图标+，进行新建项目的操作。

新建好项目，可将页面上传到指定分组内。

点击右上角的更多图标，可以进行切换团队、切换账号、设置等操作。

二、标记切图

在Sketch中选中需要切图的图层或编组；

点击右下角的Make Exportable，就可以完成标记切图，然后上传至摹客即可。

三、自定切图尺寸

在Sketch中选中需要切图的图层或编组，点击右下角的Make Exportable；

再点击切刀 工具，对外框大小进行调整即可。（快捷键是S，按住S直接绘制外框。）

1、如果切图下方是有背景的，如何让背景透明？方案如下：

将切片图层要切图的图层编组，选中切图图层；

勾选右侧属性面板上的Export group contents only。

通过上述操作可以保证切片在有背景的情况下也是透明的。

2、了在Sketch中绘制外框外，在摹客中也可以自定切图尺寸。

在Sketch中点击右下角的Make Exportable后，直接上传至摹客；

在摹客的开发模式下选中切图，勾选自定尺寸，填充模式选为居中；

接着设置好需要的切图尺寸，一键下载即可；

此时下载下来就是带空白区域的切图。（注：当设置尺寸大于素材本身的尺寸时才会出现空白区域。）

四、选择设计稿倍率

点击倍率下拉框，根据设计稿的画板大小，选择设计稿对应的倍率。例：375pt*667pt的设计稿对应 @1× 。

五、上传设计稿

上传前，有以下三个选项：

1、上传全部页面 将该设计稿中所有的页面和画板全部上传至摹客中。

2、上传全部画板 将该设计稿中所有的画板上传至摹客中。

3、上传所选画板 将选中的画板上传至摹客中。

然后点击上传，即可将设计稿资源一键上传至摹客，设计师和开发可登录摹客查看标注与下载切图。（注：操作过程中，如果误点击了上传，可在上传界面右上角点击叉号x图标，本次上传将会立即中止。）

六、状态图

在Sketch中选中单个画板并勾选上传所选画板，点击上传，插件将自动执行上传状态图操作。

七、同步画板

如果在Sketch中删除了几个画板，再次上传设计稿时，勾选设置中的上传全部画板时自动检测不对应的画板，Sketch中已删除的页面在摹客中也会同步删除。

八、标注扩展区域

在插件-设置中，若勾选了标注扩展区域，图层如果有阴影、边框、模糊等扩展区域，上传摹客后会显示最大区域；若不勾选，上传摹客后的标注将不包含阴影、边框、模糊等，仅显示图层本身的大小。

九、上传高清设计稿

如果你想导出非常高清的设计稿，请在插件设置中勾选上传高清设计稿选项。

网页尺寸的设计稿，会以原有尺寸的2倍宽度上传；

安卓或iOS的设计稿，会以原有尺寸的4倍宽度上传。

（但这样做会牺牲摹客的性能，如果你感觉在摹客的画板部分有卡顿，请尝试取消勾选此选项，并重新上传设计稿。）

十、上传Symbol画板

如果你想将symbol画板上传到摹客，需要先在插件的设置中勾选上传symbol画板。然后返回插件主界面进行上传的操作。

十一、设置上传顺序

摹客提供了设计稿上传顺序的设置，如果不勾选此设置，上传后的设计稿将以倒序的方式呈现。如果想让设计稿顺序与Sketch中的顺序保持一致，请在设置中勾选设计稿排序与Sketch保持一致。

十二、将文件名作为覆盖判断依据

勾选此设置后，即使之前上传过此文件中的画板，一旦改变了文件名，此文件中的所有画板会作为新的设计稿上传。

十三、始终覆盖已有状态

勾选此设置后，如果之前上传过一次，修改后再次上传设计稿，会直接覆盖之前的画板，不再提示是否添加新状态。

以上就是软件爱好者小编为大家带来的摹客Sketch标注切图插件下载，想要了解更多实用软件就请多多关注软件爱好者吧~