打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

9 月更新盘点来啦!

自动布局新增高级设置

轻松设定图层堆叠顺序、包含描边

支持解析 Figma、Sketch 共享库

一键导入发布+组件关联绑定

更有文本性能专项优化

超多实用更新,一起来看看吧~

打开网易新闻 查看精彩图片

自动布局绝对是设计师们日常使用频率最高的几个功能之一,简单设置就能省下增删元素后恢复布局耗费的时间。

在调研了大家的使用习惯与场景后,我们觉得「自动布局」还能做得更好用!

打开网易新闻 查看精彩图片

有设计师小伙伴吐槽:为什么开发出来的组件大小跟我设计稿不一样?为什么开发的时候把描边也包含在自动布局里面了?

开发也觉得很委屈:这里你又没特别强调,就按我理解的处理了。

为了解决这个问题,我们新增了一个「是否包含描边」的选择项。

设计师做组件的时候,直接根据自己的需求勾选【自动布局设置-包含描边/排除描边】就行。不用多解释,开发一看就懂,同时适配设计&开发工作习惯。

打开网易新闻 查看精彩图片

设置包含/排除描边

打开网易新闻 查看精彩图片

在 UI 设计中经常需要设计一些重叠效果,但有时候堆叠的顺序不是我们想要的效果,怎么办?

只要在【自动布局设置-堆叠】选择“正向/反向”就可以改变堆叠样式,让左数第一个元素在最上层,或者让左数最后一个元素在最上层。

打开网易新闻 查看精彩图片

自选堆叠顺序

除了要设置堆叠顺序,已经排列好的内容还可能被要求批量修改图层排序,手动调整目录顺序觉得好麻烦?

只要打开【自动布局设置-反转排序】就能一键搞定!

打开网易新闻 查看精彩图片

一键反转目录排序

打开网易新闻 查看精彩图片

在处理跨平台协作需求时,除了整理导入文件,设计师们还有许多隐形工作要处理,比如:整理并导入组件库、发布为团队共享库、替换导入文件中实例组件保持绑定关系等等。

针对这些需求,我们对原有的“导入共享库”功能进行了深度优化!

现在,设计师们不仅可以通过拖拽上传、链接导入等方式迁移 Sketch、Figma 共享库文件;导入进来的共享库,还可以快速完成“解析+发布+绑定”。

打开网易新闻 查看精彩图片

以 Figma 为例,只需要一个组件库源文件的分享链接,即时设计就能自动帮你完成“组件库解析+共享库发布”。

打开网易新闻 查看精彩图片

一键导入解析 Figma 共享库

打开网易新闻 查看精彩图片

导入 Figma 共享库文件后自动发布

Tips:Sketch 组件库导入后,点一下【发布共享库】就可以了~

团队协作人数多、可能重复导入共享库文件?这种情况我们也考虑到了。

遇到重复导入会自动识别并提示,可以根据需求选择覆盖或取消导入,避免重复操作造成文件冗余。

重复导入识别并提示
打开网易新闻 查看精彩图片
重复导入识别并提示
打开网易新闻 查看精彩图片

更棒的是,我们还支持在导入设计稿文件的同时,完成共享库与设计文件的自动绑定,用到的所有实例组件都能与共享库自动关联。

设计师们再也不需要“手动调整绑定”,省时省力还能保证精准关联不出错~帮你快速完成设计资产迁移,又能延续原有的使用习惯。

导入文件的同时,可勾选保留共享库关联关系
打开网易新闻 查看精彩图片
导入文件的同时,可勾选保留共享库关联关系

共享库内修改组件样式并发布,就可以轻松同步到设计稿中,大幅降低后期编辑成本,让跨平台协作更加轻松便捷、无缝衔接。

打开网易新闻 查看精彩图片

共享库内更新并发布,文件内容同步

打开网易新闻 查看精彩图片

对设计师来说,文本是必不可少的元素之一,尤其是做界面设计时,字体排版更是重中之重。

为此,我们着重优化了即时设计的文本模块,提高文本性能上限,让大家可以更轻松、快速地完成各种高精度、大批量的文本修改和字体排版任务。

打开任意大文本量的设计文件,批量选中数千个文本图层后,连续操作切换字体、修改颜色属性、添加描边样式,都能流畅切换不卡顿。

打开网易新闻 查看精彩图片

批量修改字体&文本属性,流畅不卡顿

即使不修改文本,操作超大文件时整体性能也有明显提升,反复缩放、平移、拖拽都更顺滑。对于经常处理大型设计文件的设计师来说,使用体验更上一层楼。

近期的重要更新就先介绍到这里!未来,我们会持续优化工具,带给大家更棒的设计和协作体验~