[本文为预发布文档,可能会发生变化。]
从 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 设计创建画布应用。
继续构建您的应用
通过添加更多屏幕和控件,继续在 Power Apps Studio 中构建您的应用。 您还可以通过将应用连接到数据来扩展应用,或通过添加应用逻辑进一步自定义应用。