23个高手都在用的Figma小技巧！（2022新专辑）-Part 02

静电说：不知道上周发的第一期2022全新figma小技巧大家看的怎么样，有没有实践？

今天我们为大家推出本系列的第二辑，看看还有哪些更新的小技巧吧！

Mac的快捷键与Win的快捷键有一点差别，具体看下图。

001.为样式添加描述

命名样式时，您会在下面的图中找到一个小字段，称为描述。当有人选择样式时，您的描述 将添加到描述性工具提示中。我喜欢使用它来添加有关样式目的的更多信息。

002.图像也可以是样式

您可以像保存颜色样式一样保存图像（需要注意图片的分辨率，不要产生模糊效果为好）。您现在可以填充任何形状，包括带有填充的文本。

图像可以像任何其他样式一样保存和使用

003.使用颜色名称而非代码

您知道吗？我们可以在颜色字段中输入颜色名称。可能对设计稿整洁和最终的 UI 设计没有任何帮助，但对于快速测试或在调试时突出显示内容很方便。支持所有W3 CSS 颜色模块名称。

使用颜色名称

004.忽略自动布局

自动布局是个好东西，但是有时候我们只是想在自动布局里添加一个元素而已，如果直接添加，那自动布局就会发生变化或者失效。这个时候，只需在拖动时按空格键，即可将其添加到自动布局集上方。

按空格键忽略自动布局

005.快速设置文本为自动宽度

想要将文本设置为自动宽度？简单！只需双击文本框。完毕。

双击文本框可快速将其更改为自动宽度

006.快速切换设计和原型

使用shift+E您可以在原型和设计模式之间切换……这样可以节省不少时间。

使用 shift+E 切换设计和原型

007.设置特定Frame为缩略图

以前，您必须将设计的首页设置为缩略图。不再！您现在可以简单地选择一个框架并将其制成缩略图。选择一个框架，右键单击并选择“设置为缩略图”。

将任何Frame设置为缩略图

008.隐藏其他人的光标

不想在工作时看到所有同事都在共享文件周围漂浮？没问题，您可以通过Menu>View>Multiple cursors隐藏它们，或者只需按alt+ cmd+/ 快捷键即可。

使用 alt + cmd +/ 隐藏其他光标

009.使用 % 作为行高

在 Figma 中，行高设置为 px/pt，这让我有点抓狂。我喜欢在 CSS 中使用通用的，比如：line-height=1.5。不幸的是，您不能以 CSS 单位设置它，但您可以使用 %。这也允许更改字体大小并保持统一的行高。

原文：https://uxdesign.cc/advanced-figma-tips-tricks-2022-20cbf9fdda45