Hal Lee

01月20日发布

Juuust Handoff 新增百分比、命名风格等功能

交付
标注

https://mp.weixin.qq.com/s/_ATVsLz8jQHSvYlIMCqWAQ

说来惭愧,Juuust Handoff 自去年三月发布以来我很少再更新,GitHub 上积累的 issue 越来越多。最近时间稍微充裕一点,我把它更新了一下,增加了很多新功能,issue 应该也解决了一大半。

现在让我来给你逐一介绍一下,有哪些新功能吧。

导出时可以设定平台、单位等信息

这个没啥好说的,以前需要开发同学自己查看标注时选择平台单位,现在导出时你就可以设置好给他们了,替他们省了一步操作,友谊的小船不会说翻就翻了。

设置标注平台、单位等信息

导出时支持命名风格设定

命名风格主要分为组件样式和切图。我们在 Figma 中设计时使用斜线 / 来给样式和组件分类,但是这种命名风格给到开发同学他们会满头问号。而且,斜线命名的切图会被保存为一级又一级的文件夹,查看起来非常麻烦。不过现在你不用担心啦,你可以自己选择命名风格。

比如你在 Figma 中做了一个样式叫做 blue/primary,你可以设定导出时变为驼峰命名,也就是 blurPrimary。对于切图而言,Web 开发喜欢 icon-home.png 的命名方式,而安卓开发可能更习惯 icon_home.png,这些你都可以自己做主了。

命名风格

导出时可以选择覆盖同名切图

在之前的版本中,插件会给你展示所有切图,并特别标注重复命名的切图,但是没有缩略图人工选择还是比较麻烦。考虑到大多数时候我们可能并不需要选择这么细致,所以这次更新我直接改为「当切图命名重复时直接覆盖」,勾选了在重复时就会自动覆盖,否则会导出所有切图,但会给重复的重新命名。

查看时可以隐藏侧边

在导出的文档中,现在查看标注时可以选择隐藏侧边栏了。你可以将鼠标移动到侧边栏上并点击旁边的展开收起按钮来隐藏某一侧,也可以按快捷键 Cmd + \ 来快速隐藏或展开两侧。这对于屏幕比较小的同学或者演示的时候会比较方便。

隐藏侧边

可以选择标注是否显示小数

现在,你还可以选择标注中的数字格式。以前默认会显示到两位小数,现在你可以设置直接显示整数,还可以设置是四舍五入还是向上向下取整。

选择数字格式

可以查看百分比标注了

查看百分比标注一直是一个呼声比较高的需求,现在我把它做出来了。查看标注时,按下 Alt 就可以查看相对于父元素的百分比,按下 Ctrl 可以查看相对于整个画板的百分比。

百分比标注

新功能虽然发布了,但是因为我自己没有做太多测试,难免会有一些问题。大家在最近的使用中如果遇到任何问题都可以在 GitHub issue 上和我反馈。

最后再次预告一下我准备做的在线版 Heron Handoff,感兴趣的话可以前往 heron.design 留言(点击阅读原文可以前往)。