功能播报｜摹客又双叒更新啦，标注属性大升级！

​​Hi！各位小伙伴，又到了摹客的新功能播报时间～

 

前段时间，小摹收到了一些用户朋友们的反馈，比如：“什么时候增加阴影、渐变色、边框、模糊等常用属性”、“设计软件中一般是用@1x制作的，想在摹客中导出@2x的高清设计稿”等。首先，小摹在这里要给各位支持我们的小伙伴的热情点赞！

 

本次升级，我们针对最近收到的反馈，在摹客中新增了多个细节且实用的功能：

1. 优化标注属性和自动生成代码，更准确、丰富；
2. 支持带透明区域的Symbol切图；
3. 可导出高清设计稿（@2x）；
4. 可选择仅下载PNG或SVG切图。

 

 

一、优化标注属性和自动生成代码，更准确、丰富

 

高斯模糊、渐变色、边框等属性属性是设计师们在设计中常常会用到的，同时，设计师希望开发工程师也能获取到这些属性。因此本次升级，对摹客开发版块的属性栏进行了大量优化，方便开发人员快速获取相关属性信息。

 

优化标注属性：

 

1. 新增对边框类型、渐变色、高斯模糊、虚线属性的支持
2. 优化属性面板的排列方式，分类更为清晰了，优化了高度，相同大小的屏幕可以显示更多的属性
3. 优化自动标注线，去掉大量无关的标注信息，自动标注更简洁，更容易找到需要的标注的信息。

 

优化代码：

 

新增了对边框、渐变色、高斯模糊、内阴影的自动生成代码支持。

 

 

 

二、支持带透明区域的Symbol切图

 

在用Sketch设计时，常用Symbol来制作复用组件。在切图时，由于只能识别有像素的区域，会造成切出来的图片尺寸大小不一（如下图第1行图标所示）。设计师需要将这些图标添加固定大小的透明区域（如下图第2行图标），来保证给开发的切图大小是统一的。现在，Symbol切图传到摹客中，会识别出透明区域的大小，开发直接下载就可以使用啦！交付切图如此轻松~

 

 

 

三、可导出高清设计稿（@2x）

 

使用Sketch或XD的同学，大部分都是直接用@1x尺寸来做图的。@1x的设计稿在预览时比较模糊，评审起来非常不舒服。因此，摹客对“下载页面”进行了优化，即使通过插件上传是@1x的设计稿，在摹客中也可以下载@2x的图啦！

 

 

 

四、可选择仅下载PNG或SVG切图

 

有小伙伴表示，下载切图时把全部格式都下载下来了，有些是不需要的，能不能提供一个选项呢？现在可以啦！如果你想单独下载PNG或SVG格式的切图，在右侧属性面板中，勾选其一即可。同时勾选后，会将两种格式的切图都下载下来哦。

 

 

以上就是本次摹客的更新内容，小伙伴们赶快去试试吧：https://app.mockplus.cn/