使用 UI 套件设计您的应用

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

要从 Figma 设计创建应用,您必须从从 Figma UI 套件创建应用开始。 UI 套件由组件、示例应用和若干其他资源组成,如:

  • 有关支持和不支持内容的信息。
  • 关于如何在 Figma 中设计应用以可以在 Power Apps 中转换的分步说明。
  • 支持的组件列表 - 从基础屏幕到按钮、下拉和文本输入等单个组件。
  • 有关如何使用这些组件的重要指南。

获取 UI 套件

  1. 转到从 Figma UI 套件创建应用页面。
  2. 如有必要,使用您的 Figma 凭据登录。
  3. 选择复制,然后选择您作为成员的 Figma 团队。 有关在 Figma 中复制项目的详细信息,请参阅 Figma:复制文件或项目
  4. 如有必要,选择文件名旁边的向下箭头,然后将文件移出草稿。

阅读说明

阅读 UI 套件内首先阅读本文步骤 1:开始页面中的说明。 这些页面上的说明可帮助您了解有关使用此套件的一般指南。 您还将了解有关此套件使用的资源的详细信息,如字体样式、组件指南、支持的组件等。

设计您的应用

按照 UI 套件内步骤 2:设计您的应用页面中的说明,开始使用此套件创建您自己的应用设计。

设计注意事项

此套件包含有关如何使用组件的详细指南。 但是,在设计应用时,请牢记以下一些最重要的注意事项:

  • 仔细阅读每个页面,以便设计过程和转换过程顺利进行。
  • 仅使用此套件中支持的组件进行设计。
  • 仅使用套件中列出的受支持字体。
  • 不要更改组件名称。
  • 不要更改组件层。

详细信息

此套件还提供了其他页面来提供更多信息,汇总如下:

  • 步骤 3:转换为应用 - 将应用设计转换为应用的可视化表示形式。 要按照分步说明操作,请参阅从 Figma 创建画布应用
  • 步骤 4:后续步骤 - 说明您可以采取的可能的后续步骤,以进一步为您的业务场景准备您的应用。 这些步骤包括连接到数据添加应用逻辑、添加更多屏幕控件
  • 支持的组件 - 列出有关受支持组件的信息。 有关详细信息,请参阅 UI 套件支持的组件

另请参见