关于从 Figma 中创建应用的概述

[本文为预发布文档,可能会发生变化。]

Figma 设计文件创建应用的能力通过加速应用 UI 开发过程直接帮助弥合设计和开发之间的差距。 它让开发人员和设计人员可以有效且高效地协作,以低成本和工作量提供出色的最终用户体验。

设计人员可以使用从 Figma UI 套件创建应用在 Figma 中创建设计,此套件为 Power Apps 提供支持的组件,并包含有关如何使用此套件的详细说明。 创建设计后,只需提供指向 Figma 设计文件的链接,Power Apps 将根据这些设计生成新的画布应用。 设计框架会在 Power Apps 中自动转换为屏幕。 应用 UI 准备就绪后,您可以通过连接到数据添加应用逻辑、添加更多屏幕控件来扩展此应用。

开始。

设计您的应用。

转换为应用。

后续步骤。

步骤 1 - 在开始设计之前,请阅读从 Figma UI 套件创建应用中关于支持和不支持的内容的说明。

步骤 2 - 在 Figma 中,您将在此页面上设计您的应用,其中包含有关如何使用受支持组件的说明和指南。

步骤 3 - 在 Power Apps 中,您将转换应用。 您需要通过提供 Figma 链接和令牌来完成此任务。

步骤 4 - 转换后,您将采取一些后续步骤,让您的应用更具交互性和实用性。

在 Figma 中设计您的应用

使用从 Figma UI 套件创建应用在 Figma 中设计您的应用。 在设计应用时,使用此套件中支持的 Power Apps 组件。

从 Figma UI 工具包创建应用程序。

从您的设计创建应用

完成应用设计后,按照快速简单的步骤从 Figma 设计创建画布应用

继续构建您的应用

通过添加更多屏幕控件,继续在 Power Apps Studio 中构建您的应用。 您还可以通过将应用连接到数据来扩展应用,或通过添加应用逻辑进一步自定义应用。

另请参见