いらっしゃいませ!Figma 豆技巧专场 I

各位好,本 Blog 今日开始不文艺复兴。

收听过 Anyway.FM ,或者认识肉体的我的话,一定知道我是 Figma 的拥趸。不因为别的,唯易用尔。

目前在公司里,我们团队的日常界面设计工作已经全面切换到了 Figma 平台,利用 Team Library 搭建的 design system 非常有效的提升了工作效率,并且使用中伴随着愉悦。各种功能项的搭建、配置方案相比较我一直在唾弃的 Sketch,简直是 棒 太 多

所以,我非常希望能有越来越多的人能抱着开放的心态尝试一下它。这里我可以很负责任的告诉大家,Figma 作为一个专注在界面设计部分的设计工具,他的上手成本非常的低,学习曲线一点都不陡峭。

一点不夸张的说,花5分钟熟悉一下界面布局、内置工具,然后花 10-20分钟看一下官方的 tutorials 后,恭喜你,日常使用的 70% 的需求,你已经能用 Figma 搞定了。

那接下来,可以经常来我这关注一下本系列专题「Figma 豆技巧」。我尝试通过分享我在使用过程中发现的、顿悟的、体会的、偷师的小奇技小淫巧,帮助大家更顺滑的用好工具,侧面提升生活品质 :)

好,那就开始分享第一例豆。(都说是豆技巧了,所以这里不会跟你介绍 nb 的 AutoLayout,不会跟你介绍 nb 的 Components,想快速了解的,看官方教程吧。)

批量调整字体族、填充色、描边、样式等等属性

同标题,这样的诉求在日常中总是不可避免,而且往往你面对的都是板式、结构、框架复杂的环境。这时如果想要整体对某些元素的属性做统一的调整,如何快速的选取到它们就是决胜的关键。

上图是我用手边的 icon library 里的内容随便模拟的所谓「复杂选取环境」。原则就是「文本」、「同样的图标」错落排布,让人无法直接用「框选」方式在画布上直接批量选中。

有了这个前提后,我就可以假模假样的对症出题了:「将所有的文本从 SF Pro 改为 Calluna Sans!」

所以,还是用鼠标挑着去框选么?不,大可不必。

选中画布中的任何一个 SF Pro 的文本,然后如上图一般,点击顶部工具栏最左侧 – 菜单 – Edit – Select All with Same Font,然后就好了呀。

只要选中了,那你想怎么换就怎么换咯。

细心的盆友肯定也已经在上上图的 Edit 菜单里看到了举一反三的门道:对,底下那一排「Select All With…」家族按需就用起来吧。

今天的豆技巧就到这里了。可喜可贺。

哦,鉴于是不文艺复兴的第一篇博文,再附送一个好了。如果你和我一样显示器比较大,懒得用鼠标移动这么远距离去找 Edit 菜单,那就去插件商店安装一个叫「Similayer」(作者就是当年 Sketch 上的著名插件 Paddy 的作者 Dave Williames )的插件吧,它能对应的范围就更多了 :)

つづく

20 Replies

Reply to Ryan Cancel

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

https://share.getcloudapp.com/L1upJv8j