如何使用摹客上传Sketch设计稿

2025-05-12 15:48:09

1、安装Sketch插件在摹客官网下载摹客Sketch插件安装文件并点击进行安装。

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

如何使用摹客上传Sketch设计稿

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

如何使用摹客上传Sketch设计稿

8、自定切图尺寸在Sketch中选中需要切图的图层或编组,点击右下角的Make Exportable;再点击“切刀”工具,对外框大小进行调整即可。(快捷键是S,按住S直接绘制外框。)

如何使用摹客上传Sketch设计稿

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

如何使用摹客上传Sketch设计稿

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

如何使用摹客上传Sketch设计稿

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

如何使用摹客上传Sketch设计稿

17、上传高清设计稿如果你想珑廛躬儆导出非常高清的设计稿,请在插件设置中勾选“上传高清设计稿”选项。网页尺寸的设计稿,会以原有尺寸的2倍宽度上传;安卓或iOS的设计稿,讵畿缤耒会以原有尺寸的4倍宽度上传。(但这样做会牺牲摹客的性能,如果你感觉在摹客的画板部分有卡顿,请尝试取消勾选此选项,并重新上传设计稿。)

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

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

20、将文件名作为覆盖判断依据勾选此设置后,即使之前上传过此文件中的画板,一旦改变了文件名,此文件中的所有画板会作为新的设计稿上传。

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢