在本文中,我整理了一些快速,简单的Figma技巧,以帮助您在Figma中工作时加快设计工作流程。
这些技巧大多数都非常适合在使用设计系统或大型设计文件时使用,但它们同样同样适用于在Figma内部工作的日常使用。
您可能已经使用过一些,但希望您也可以在这里找到奇怪的未被发现的宝石。
1.使用数值的运算
不要浪费时间尝试手动调整元素大小以找到正确的度量。
只需在Inspector中使用Math,即可节省一些时间。

2.要批量更改颜色时,请使用选择颜色。快速!
当您使用较大的组件并希望快速更改各种颜色时,请不要浪费时间通过单击单独的元素并逐个更改颜色。
使用“选择颜色”面板并以更快的速度批量调整这些颜色。

3.使用此方便的快捷方式使您的图层保持整洁。
因为我的“图层”面板看起来像是有组织的混乱,打开了一个又一个的组,一个又一个的元素打开,使得在“图层”面板中很难找到东西。
使用简单的快捷键ALT + L可以不时折叠所有图层,并保持面板整洁,并专注于手头的项目。

4.使用搜索更快地查找文本样式。
当使用带有著名的文本样式的设计系统时,有时换出文本样式以适合您正在处理的设计的一部分可能会很费时。
尝试并始终使用检查器中的“搜索”功能来搜索您的文本样式。与滚动浏览一长串文本样式以找到合适的选择相比,在标题2或H2中键入要快得多。

5.使用“列表”选项更快地浏览“颜色样式”。
像之前的技巧一样,在使用大型设计系统时,始终能够以最快的方式导航颜色样式,文本样式等。
我认为在Inspector中切换到“列表”选项(而不是“网格”选项)总是可以帮助您使用可见的标签更快地导航“颜色样式”,而不是仅使用颜色样本。

6.使用这些键盘快捷键可以更快地浏览图层。
过去,我一直都是繁琐的使用如下方法:滚动并在“图层”面板中向下单击无数的“组”和“父容器”以找到正确的元素。
现在可以节省一些时间,然后摆脱鼠标的束缚。
使用键盘快捷键Enter和Tab可以快速向下浏览“图层”面板中的元素,以快速找到所需的内容!
哦。并按住Shift键和我刚才提到的那些快捷键,以在您的图层组和父容器中跳回。

7.ALT + CMD可以更快地交换组件。
这最后提示我发现非常,非常有用不同的设计迭代工作时,发现换出时,才能起到最好的图标中的一个项目。
例如,只需从“资产”面板中选择一个图标,然后按住ALT + CMD,将图标拖到您的设计上,即可在现有图标周围看到紫色边框,然后将其换成记录,时间!

希望您能够在此处找到一些方便的小技巧,可以立即将它们付诸实践,并帮助提高当今工作流程的速度。
Figma是一个了不起的工具,它拥有许多便捷且省时的快捷方式,我每天都会发现它们,我相信您一定会!
