在Axure，我们了解到你们中的许多人在整个组织中使用各种设计工具。借助我们在2020年推出的Axure for Figma插件，将您的Figma文件转换为丰富的交互式原型变得轻而易举。如果您是Figma用户，希望将Figma的设计资产与Axure强大的交互式原型功能相结合，请查看这些提示和技巧，以帮助您开始。

如何使用Figma插件

要使用Figma的Axure插件将您的帧导入Axure RP或Axure Cloud，请执行以下步骤：

轴RP：

安装Figma的Axure插件。

在Figma中，选择要复制的元素并转到插件→ Axure→ 复制RP的选择。（您还可以使用“复制RP的所有帧”选项复制所有资源。）

在Axure RP中，将复制的资源粘贴到画布上。

Axure Cloud：

下载并安装Axure Cloud桌面应用程序。

安装Figma的Axure插件。

在Figma中，选择要发布到Axure Cloud的框架，然后转到插件→ Axure→ 将选择导出到Axure Cloud。

选择要将Figma资源发布到的工作区和项目，或在“项目”下拉列表中选择“创建新项目”。

点击上传以发布您的Figma资源。

为UI设计带来更多真实感

将框架从Figma复制到Axure RP，您可以通过Axure RP强大的原型制作功能快速将设计变为现实，从而为设计增添更多的真实感和交互性。这可以从简单地拥有一个功能性的文本字段并允许用户在其中键入，到创建充满复杂交互和条件逻辑的高度交互式、逼真的原型。此外，由于该插件将您的设计作为单独的层导入（而不是将每个帧粘贴为单个图像），因此为特定元素添加交互性或样式效果比以往任何时候都更容易。

数学表达式

您可以通过使用数学表达式来增强在Figma中创建的设计，并在Axure RP中将其提升到一个新的水平。通过在构建交互时使用数学表达式，您可以创建更动态和交互式的原型，以响应用户输入，并且可以根据计算动态生成文本和数值。例如，您可以在结账表单中计算购物车的购买总额、动态设置文本或显示当前日期或时间。在Axure RP中使用表达式的好处在于，在为现有设计构建交互时，很容易添加表达式。要在某个交互中包含表达式，只需将所需的数学表达式写入旁边有fx图标的任何字段中，例如许多交互中常见的Value字段。然后，您所要做的就是确保公式包含在双括号[[]]中。

表单字段

在Axure RP中构建Figma框架的另一种方法是创建工作表单字段。假设你有一个Figma设计的注册和登录屏幕，你想添加交互性，以便更好地捕捉用户工作流程。Axure RP中的表单小部件，如文本字段小部件，允许用户在浏览器中查看原型时自动输入。将表单（如登录表单）的Figma框架带入Axure后，您还可以采取在提交按钮上构建交互等步骤，根据用户在每个字段中键入的内容成功地将用户带到下一页，本教程对此进行了概述。此外，您可以添加逼真的样式效果，如错误样式效果，然后将条件逻辑添加到按钮的交互中，以便在用户未填写字段或输入错误凭据时自动显示错误状态。

注册或登录屏幕只是众多示例之一，展示了如何在设计中添加交互性以创造更逼真的效果。原型越逼真，就越能更好地概念化工作流程，这在向利益相关者展示或进行用户测试时非常有用。

您还可以如何充分利用Figma插件？

当使用多种设计工具时，保持条理可能很困难。这就是为什么除了将Figma帧导入Axure RP外，您还可以将帧导出到Axure Cloud，将所有内容组织成一个可共享的链接。如果您不需要在Axure RP中为Figma设计添加复杂的交互，将其导出到Axure Cloud仍然有其好处，例如能够检查您的设计，将其转化为快速点击原型，并与他人分享。