更快地替换组件
2023 年 10 月 29 日

在本文中,我们将深入介绍一些最高级的Figma技巧和技巧,以简化您的设计过程,提升您的设计,并将您变成Figma巫师。

更快地替换组件

从资源面板中选择一个组件,按住Option + Command键,在设计中拖动您的资源,您将看到现有组件周围出现紫色边框。释放鼠标,然后释放修改键。如果您先释放修改键,Figma将仅添加新组件,而不是替换旧组件。Figma将更改新组件的大小以适应先前组件的大小。

选择具有相似属性的元素

“编辑”菜单允许根据元素的相似属性选择多个对象。 选择一个或多个图层 转到** 文件菜单☰ 并选择 编辑 ** 选择以与以下内容相同的方式** 全选 **:

  • 属性
  • 填充
  • 笔画
  • 效果
  • 文本属性
  • 字体
  • 或其他实例

弧形工具 #

每个绘制的圆圈边缘都有一个小点。它被称为弧形工具,按下它并移动鼠标,您可以切割圆圈。在切片的顶部,您可以找到另一个名为“比率”的小圆圈以进行调整。一旦激活弧形工具,属性也将显示在右侧属性面板上。

Figma智能选择 #

在选择数组中的多个对象后,单击角落处的网格图标整理设计。这样可以使对象之间的间距相等,并且您可以拖动对象进行重新排列。 小幅移动和大幅移动

当你使用箭头键移动一个元素时,默认情况下它会移动1个像素。同样,如果你使用Shift +箭头键,它会默认移动10个像素。这就是小幅移动和大幅移动。如果你正在使用一个样式指南,你可能想要改变这些像素设置以加快速度。你可以改变它:首选项>移动量>小幅移动或大幅移动

由于我们在大小调整和间距任务中使用了8像素的基本单位,我们可以将Figma中的移动量从10像素设置为8像素。这样,每当我们移动或调整对象时,它将以8的增量进行。

内置计算器

在Figma中,每个数字输入框都可以作为计算器使用。假设你在画布上有几个你想要调整大小并增加特定量的元素。你可以使用检查器中的高度字段,并添加,比如128像素到你看到的数量。但是如果你使用公式而不是具体数字,比如175+128,Figma将为你计算出结果。 这适用于您能想到的任何数学运算,并且您可以将它们应用于任何维度属性,如高度、宽度、角度、轴位置等等。

如果您想同时更改多个元素的其中一个值,您将在维度属性中看到“混合”值。这对Figma没有任何影响;要将56px宽度添加到所有元素中,只需像这样添加您的数学运算:Mixed+56。

用秒为帧重新命名 #

当你的工作中有多个未命名或命名怪异的帧时,逐个重命名所有帧是一项繁琐的任务。

您可以轻松选择要重命名的所有帧。右键单击所选图层,然后选择重命名。在弹出窗口中,输入您想要的帧名称。作为奖励,Figma甚至允许您对帧进行编号。点击重命名保存,您选择的所有帧都将被重命名。 这对于线框和流程图非常有用,可以帮助您保持文件的整洁有序。