[本文为预发布文档,可能会发生变化。]
要从 Figma 设计创建应用,您必须从从 Figma UI 套件创建应用开始。 UI 套件由组件、示例应用和若干其他资源组成,如:
- 有关支持和不支持内容的信息。
- 关于如何在 Figma 中设计应用以可以在 Power Apps 中转换的分步说明。
- 支持的组件列表 - 从基础屏幕到按钮、下拉和文本输入等单个组件。
- 有关如何使用这些组件的重要指南。
获取 UI 套件
- 转到从 Figma UI 套件创建应用页面。
- 如有必要,使用您的 Figma 凭据登录。
- 选择复制,然后选择您作为成员的 Figma 团队。 有关在 Figma 中复制项目的详细信息,请参阅 Figma:复制文件或项目。
- 如有必要,选择文件名旁边的向下箭头,然后将文件移出草稿。
阅读说明
阅读 UI 套件内首先阅读本文和步骤 1:开始页面中的说明。 这些页面上的说明可帮助您了解有关使用此套件的一般指南。 您还将了解有关此套件使用的资源的详细信息,如字体样式、组件指南、支持的组件等。
设计您的应用
按照 UI 套件内步骤 2:设计您的应用页面中的说明,开始使用此套件创建您自己的应用设计。
设计注意事项
此套件包含有关如何使用组件的详细指南。 但是,在设计应用时,请牢记以下一些最重要的注意事项:
- 仔细阅读每个页面,以便设计过程和转换过程顺利进行。
- 仅使用此套件中支持的组件进行设计。
- 仅使用套件中列出的受支持字体。
- 不要更改组件名称。
- 不要更改组件层。
详细信息
此套件还提供了其他页面来提供更多信息,汇总如下:
- 步骤 3:转换为应用 - 将应用设计转换为应用的可视化表示形式。 要按照分步说明操作,请参阅从 Figma 创建画布应用。
- 步骤 4:后续步骤 - 说明您可以采取的可能的后续步骤,以进一步为您的业务场景准备您的应用。 这些步骤包括连接到数据、添加应用逻辑、添加更多屏幕和控件。
- 支持的组件 - 列出有关受支持组件的信息。 有关详细信息,请参阅 UI 套件支持的组件。