Figma 功能你还没有使用 - Bootcamp
2023 年 9 月 12 日

Figma 功能你还没有使用 - Bootcamp

Figma (opens new window)是一个相对较新的产品,但已迅速成为市场上最受欢迎的矢量图形和/或基于Web的原型工具之一。

figma 功能

由于 Figma 不断被各个组织采用,无论是大型企业还是小型初创公司,这个工具在专业项目和个人项目中已经成为每个网页设计师首选的界面。

当像 Figma 这样的工具在专业人士中变得流行时,实习生和新手也喜欢亲自体验 元素,您可以直接在Figma中实时更改颜色。这个功能非常直观和高效。

当您更改或添加颜色时,Figma会自动更新所有相关的元素和组件。这意味着您不需要手动逐个更改每个元素的颜色,节省了大量时间和精力。

此外,Figma还提供了一个方便的颜色选择器,您可以使用它来选择和管理您的设计中使用的颜色。您可以保存颜色为全局样式,以便在整个设计中重复使用。这种实时的颜色更改和全局样式的功能使设计过程更加流畅和高效。

#3 Collaborate in real-time

在设计过程中,与团队成员的协作非常重要。Figma提供了实时协作的功能,使团队成员可以同时在同一个设计文件上工作。

实时协作使团队成员可以即时查看和编辑设计,提供了更高的灵活性和效率。您可以与他人分享设计文件,并在设计过程中进行实时的讨论和反馈。团队成员之间的实时协作可以大大减少沟通和协调的时间,提高项目的执行效率。

#4 Version history and design reviews

Figma提供了版本历史记录和设计审查功能,使您可以轻松跟踪和管理设计文件的不同版本。

版本历史记录功能允许您查看和还原之前保存的设计版本。这对于追踪更改、恢复意外更改或与团队成员共享反馈非常有用。

设计审查功能允许您邀请团队成员或客户对设计文件进行审查和反馈。您可以在设计文件中添加评论并进行实时的讨论。这样,您可以更好地了解团队和客户对设计的看法,并进行相应的修改和改进。

#5 Auto-layout and constraints

在设计过程中,自动布局和约束是非常重要的功能。Figma提供了自动布局和约束工具,使您可以轻松创建响应式设计。

自动布局允许您在设计中创建重复的元素,并自动调整它们的位置和大小,以适应不同的屏幕尺寸和设备。这样,您不需要手动调整每个元素的位置和大小,大大提高了效率。

约束工具允许您在设计中定义元素之间的关系和限制。这样,当您更改一个元素时,其他相关元素会自动调整以保持一致性。这种自动布局和约束的功能使得设计更加灵活和可维护。

通过使用这些功能,您可以更好地利用Figma的设计工具,并提高设计效率和质量。无论您是新手还是有经验的设计师,这些功能都可以帮助您更好地掌握Figma并加以应用。 在Figma中使用_color-picker_工具时,您将获得额外的选项,可以选择任何颜色,不仅限于您的Figma工作区或Figma界面,甚至可以在Figma应用程序外部选择颜色。要做到这一点,您只需选择要更改颜色的对象,然后按Ctrl + C。此命令将将光标变为滴管图标,然后您只需选择所需的颜色。但它并不仅限于此!

有趣的功能

如果您想在将所述颜色应用于元素之前预览它,而不是单击颜色,可以点击并按住鼠标按钮。只要按住鼠标按钮,您就可以预览颜色。

#3 在画布上查找特定图层

开发人员面临的另一种常见情况是,他们想在图层面板上工作,但不知道它在画布上的位置。为此,您必须转到图层面板,然后简单地选择所需的图层。对于下一步,有 * 选择你想要在画布上定位的图层后,按下 Shift + 2。

  • 另一种方法是双击所选图层的圆点和名称之间的图标。

以上两种步骤都会导致屏幕缩放到画布上图层的位置,并将其放在你面前。

无影响地调整帧大小

Figma调整大小

你想知道在设计中令设计师感到压力的技术限制之一吗?当你决定调整设计中的特定帧以更好地适应整个设计时,就会出现这种情况。

当你调整帧大小时,该父级帧内的所有元素都会混乱和不整齐,然后你匆忙地按下Ctrl + Z来撤消损坏。

Figma设计了一个非常简单的解决办法。只需按住键盘上的Ctrl / CMD键,同时拖动和调整特定的帧大小。这样, #5 HEX 值不是必需的

十六进制颜色码

就像数学学生记忆各种整数的多重表以便更快地进行计算一样,设计师和开发人员习惯于记忆表示特定颜色的各种 HEX 值。

Figma有一个非常用户友好的功能,允许您只需在通常放置HEX值的输入框中输入颜色的名称来添加特定的颜色。您不再需要记住代码“#2e8b57”; 只需输入“海绿色”即可!这是一个相当简单的功能,但能够节省设计师的时间。

#6 FigJam - Figma的在线白板

figjam

Figma无疑是一个非常易用、高效和用户友好的工具,拥有许多有用的功能。但在这个列表中,最有趣和“酷”的功能可能是FigJam。FigJam是F 快来看看吧!

在专业可用性方面,FigJam是一个除了工作场所之外的非调解休息室,团队可以通过有趣、艺术和互动式界面进行虚拟互动,共享想法,讨论项目,并以更自由流动的方式展示他们的思想。但是,还有更多。

在个人可用性方面,FigJam同样直观。用户会受到一个高度互动的主页的欢迎,其中光标图标变成了一个标记笔,让您可以在集成到登陆页面的虚拟白板上进行绘画。FigJam的这一部分被宣传为“勾勒思路和连接思维的地方”,您可以“使用标记笔、形状和连接器来组织您的思考并展示它们的相互关系”。

希望大家喜欢这篇文章,如果是的话,请为它鼓掌或在评论区留下您的想法!

如果您想看更多我发布的内容,请不要 忘记关注我!