Figma，让 UI 设计师的生活更轻松的工具

barovow588@

始讨论之前，谁经历 过 因为团队之间没有沟通而重新设计应用程序的经历？如果设计和开发团队之间没有关于应用程序设计的视觉沟通，通常会发生这种情况。

你可以想象，在实施之前，我们需要先联系设计团队来验证所创建的概念是否是最终的。这会浪费大量时间，不是吗？尤其是当我们的最后期限越来越近时。

但是，我们不再需要担心这样的事情了。在当今的数字时代，这个问题可以很快得到解决，就像以 40% 的折扣订购 boba 一样快。

然而，由于除上述因素之外的其他几个因素，应用程 WhatsApp 数据库 序的重新设计仍然可能发生。例如，决定一个应用程序是否受到用户欢迎的是应用程序如何呈现出迷人的设计，其中的每个组件都能按照用户的期望良好运行。

不想 的话，我们的 Play 商店开发者帐户将充满评论“先给一颗星，完成后再给五颗星”。当发生类似情况时，可以进行重新设计。

认识Figma
因此，为了尽量减少可能发生的所有可能性，尤其是像上面这样的问题，首先为您想要开发的应用程序制定一个设计计划。方法很简单。使用互联网上广泛传播的免费和付费工具。Gravit设计就是其中之一。在遇到基于网络的工具之前，我使用的第一个应用程序是 Figma。

Figma 可以节省验证设计的时间，因为我们可以通过提供意见、建议甚至同时更改现有设计计划来进行协作。很酷不是吗？这就是我改变主意的原因之一。

实际上，还有许多其他类似的很酷的应用程序，即 Adob​​e XD、Sketch 和 Zeplin。那我为什么选择Figma呢？除了（目前）可以免费使用之外，Figma 还可以被 Linux 用户很好地运行，因为它是基于 Web 的。这与必须首先安装的其他几个应用程序不同。

以下是我使用 Figma 创建的设计计划的示例：



Figma 本身提供了一些我认为对创建应用程序设计非常有帮助的功能。例如，插件功能。它有什么作用？让我们更深入地讨论所提供的功能。

原型制作
我们从原型设计开始。该功能使我们可以轻松测试我们创建的屏幕设计，以便我们可以像应用程序一样运行它们。我认为当您想要创建多个连接的显示设计时，此功能非常有用。下面的设计就是一个例子：

我们可以按如下方式运行它：

如何使用它很简单。只需选择 要单击的 框架 或组件，进入原型选项卡 ，然后确定目标框架，如下所示：

很容易不是吗？




智能动画
接下来是一个可以让我暂时忘记疲劳的功能。此功能仍然相对较新，因为它是几个月前才发布的。从功能上讲，我们可以使用此功能在显示传输过渡期间添加动画，如下所示：

默认情况下，我们可以使用一个动画来进行运动过渡。但是，Smart Animate 特定于显示中的每个组件。如何使用它非常简单。只需转到 “原型”选项卡，然后为 动画 选择 “智能动画” 。例如如下所示：

您需要知道的是，要设置动画的组件对于每个视图必须具有相同的名称。例如如下所示：

插件支持
继续，就像 Smart Animate一样，此功能仍然相对较新，因为它仅在几个月前发布。顾名思义，我们可以使用插件来加快创建应用程序设计的过程。