2024年11月摹客Sketch插件下载-摹客Sketch插件 v2.2.5

发布时间:

  ⑴摹客Sketch插件是一款功能强大的Sketch设计辅助插件,用于提高用户的设计效率,帮助用户快速在Sketch中进行标记切图和上传项目;Sketch是一款强大的草图设计软件,在很多设计领域中都需要使用这款工具来进行草图绘制,所以它也算是使用频率比较高的一款设计工具;尽管Sketch功能很强大,但对于标注切图功能,到目前为止还不支持智能化的解决方案,用户仍然需要依靠手动的方式来标注图像;这款摹客Sketch插件可以增强Sketch的标注功能,用户使用该工具可以轻松且快速的标记图像,彻底解放用户的双手。

  ⑵智能标记可解放双手

  ⑶“自动+手动”智能注释模式支持查看颜色/文本变量,切换不同的开发平台,一键式查找相同的元素,导出CSS/oc/

  ⑷SWIFT/Android代码以及更准确地传达页面信息。

  ⑸一键上传Sketch/PS/XD/figma设计图稿,自动获得不同放大倍率,不同平台尺寸的切割图。支持一键压缩,快速下载多种格式的切割图,支持两种Android切割图文件夹命名(drawable,mipmap。

  ⑹在线审查既方便又快捷

  ⑺多人实时评论项目,快速反馈,支持评论状态管理,多种注释方法使评论准确清晰。

  ⑻轻松管理历史版本

  ⑼自动生成历史版本,支持快速浏览和管理,四种页面比较工具使版本差异秒。

  ⑽在线设计自由很强大

  ⑾在线高保真+高交互设计,支持矢量编辑,高可伸缩性组件,设计资源重用和共享,多人实时协作等。

  ⑿交互式原型的工作原理像真实的

  ⒀为设计草案添加交互式设置,设置目标,操作和触发模式,支持灵活的动态参数,持续时间和延迟设置,并使演示更加丰富和真实。

  ⒁快速创建设计规范,轻松管理和重用颜色,文本,组件,图标和其他设计资源。

  ⒂建立团队级别的高规格库,以支持与设计项目相关的规格库。

  ⒃从上帝的角度对项目进行概述,快速添加逻辑行,生产页面流程图。

  ⒄支持页面状态标记,准确掌握项目进度。

  ⒅在线编辑和管理产品文档,支持多人审阅,历史版本管理和导出本地文件

  ⒆它可以深入关联设计草图并准确表达产品构想。

  ⒇强大的团队管理能力,组织结构,成员权限,项目动态易于控制。

  ⒈支持企业私有部署,排他的团队管理背景以及更多的团队级别配置选项。

  ⒉插件安装好后打开Sketch,在「Plugins(插件)」中找到摹客插件,选择并打开。

  ⒊使用摹客平台账号(在Mockplus摹客上通用即可登录。

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

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

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

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

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

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

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

  ⒒再点击“切刀”工具,对外框大小进行调整即可。(快捷键是S,按住S直接绘制外框。

  ⒓如果切图下方是有背景的,如何让背景透明?方案如下:

  ⒔将切片图层和需要切图的图层编组,选中切图图层;

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

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

  ⒗除了在Sketch中绘制外框外,在摹客中也可以自定切图尺寸。

  ⒘在Sketch中点击右下角的Make Exportable后,直接上传至摹客;

  ⒙在摹客的开发模式下选中切图,勾选“自定尺寸”,填充模式选为“居中”;

  ⒚接着设置好需要的切图尺寸,一键下载即可;

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

  ①点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:pt*pt的设计稿对应 × 。

  ②上传前,有以下三个选项:

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

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

  ⑤上传所选画板 — 将选中的画板上传至摹客中。

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

  ⑦在Sketch中选中单个画板并勾选“上传所选画板”,点击“上传”,插件将自动执行上传状态图操作。状态图详细操作可点击查看:状态图。

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

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

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

  Ⅰ网页尺寸的设计稿,会以原有尺寸的倍宽度上传;

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

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

  Ⅳ上传Symbol画板

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