神奇的技巧增加了!Figma中那些很好用,但不少人却不知道的玩法

CSS/设计
1379
0
0
2022-12-11

据静电说:在Figma中有很多功能,不少同学用了好久都还不知道,但是这些功能又是我们必须要用到的,否则在做设计的时候可能会产生障碍哦~一起来看看吧!

001.使用缩放工具Scale来缩放内容

不会吧!如果你还不知道要用缩放工具来缩放内容,那如果用直接拖拉外框的方式会造成内容变形,特别是文本等等的折行。如果你需要等比例缩放,那么使用缩放工具Scale来缩放就是更好的选择(快捷键是K),用缩放工具可以保持一切内容等比例的缩小或者放大,非常方便!它就隐藏在菜单里哦!

img

002.使用右键单击快速选择锁定的项目

当图层越来越多的时候,选择图层会成为一件麻烦事,尤其是某些图层被锁定的时候,你只有通过图层列表去找到他们,非常不方便。这个小技巧非常好用,你可以用鼠标右键在锁定图层上点击,就可以直接选中这个图层了,这个技巧真的超级方便有木有?!

看下图,蓝色图层为锁定图层,鼠标右键直接在上面点击,图层就被选中了。

img

003.避免调整Frame大小时内容变形

有时候我们在想调节Frame的时候,里边的内容会随着我们拖动Frame,内容发生改变,此时我们只需按住Command(对于 Apple)或 Ctrl(对于 Windows),此时再进行拖动大小操作,里边的内容就不会变动了。

004.不支持的字体

在 Figma 中缩放字体时,如果您的计算机上没有安装该字体,您将无法缩放/调整字体大小。

所以您有 3 个选择:

1. 获取原始字体并安装在您的计算机上。

2. 打散字体(Ctrl+E 或 Command+E),也就是做Flatten操作。然后根据需要进行缩放,但您将无法再次编辑字体。

3. 用另一种类似的字体交换字体。只需双击应用不受支持字体的副本并选择替换即可。

img

005.活用“整理”选项

当你有大量组件,但是文件结构又很乱的时候,请尝试使用“整理(Tidy Up)”选项(Ctrl+Alt+Shift+T 或 Command+Alt+Shift+T)。

它的作用是将你的元素进行分类并成为可识别模式,让图层结构变的更加清晰易懂。当然,整理是全自动的,这就意味着容易出错。虽然不知道整理后会发生什么,但是有时候它可以创造奇迹。

006.用颜色名来设定颜色

无需为您的颜色仔细选择正确的十六进制代码,您只需在“填充”框中输入颜色名称,Figma 就会为您选择正确的颜色。尝试输入 Maroon、Red、Aqua 或 Gold 等单词。(当然,这不支持中文)

img

007.重命名多个图层

首先选择要重命名的所有图层,然后右键单击图层并选择“重命名”或使用快捷键 Ctrl+R 或 Command+R。然后,您可以选择立即重命名所有项目,然后按升序或降序对它们进行编号。

img

原文:https://medium.com/@freefigmatemplates/top-10-figma-tips-to-make-you-a-better-faster-designer-in-2022-5d3d95e2f7b