各位好,本 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 )的插件吧,它能对应的范围就更多了 :)
つづく
赞一个,之前傻了吧唧的在系统里删掉字体实现的全局更换…
沙发️
8错,下午上完课来玩玩
Figma确实好用过,想让整个团队迁移却不简单~
对。所以先从影响身边的人开始吧。
整挺好!提个xioxio的建议,你上面的导航栏,每次在我回滚的时候就会弹出来,而且占的高度比较大,有点影响阅读体验欧。
好的,我准备 disable 掉这个东西了。
想看其它历史文章往哪里走?
Leon 宇宙重置了,要看历史文章只能等我更了新的才会有了:)
催更。。。麻烦请来多点仙豆
弱弱问一下,是…周…更…嘛?
不…吧
影响 figma 普及的最大因素就是墙内的访问速度,如果有国内 CDN 的话就会简单多了。
感谢分享,解决了一个使用中的痛点!非常支持分享这样的小技巧,特别是像这种自己之前不了解,但对自己使用Figma有实际帮助的。
这个落语贼可爱了,有声音
最近沉迷figma。简直不要太爽
leongao老师,您的 Figma 工作流程中是怎么处理中西文混排的问题的呀。
我想要实现的效果是,中、西文分别指定不同的字体。并且用这个混合的字体组建一套 Text Styles(e.g. H1, H2, Title…)。可现实情况是输入一段中西文,将这段文字设置成 SF Pro Text,中文字符则会自动 fallback 到 Google Font 里的 Noto Sans JP,这导致很多中文字符无法显示,只能选中中文字符再次将其设置为苹方或者其它中文字体。这样就很麻烦。
后来我找到了一款叫 MixFonts 的插件,确实在混和中西文的时候帮了大忙,但是混合字体它无法去创建一套不同字号的 Text Styles。
所以想知道 leongao老师您是否有遇到类似的问题,以及用什么方法来解决的。
目前 Figma 没办法解决这个问题,无法建立分别指定中西文对应字体的 Text Style。
有个插件叫MixFonts,可以满足中英混排的需求。可以设置组合字体并且复用的。
好有趣的配图 喜欢