使用 Figma UI 套件设计应用

已完成

如果想要构建用于创建画布应用的 Figma 应用设计,需要使用 Figma UI 套件中的组件。 此套件中包含许多想要在应用中使用的 Power Apps 组件的图形表示形式,例如:

  • 窗体、数据卡片和部分

  • 文本输入、下拉列表和组合框

  • 切换开关、复选框和单选按钮

  • 滑块和评分

  • 日期选取器和计时器

  • 图像和矩形

使用 Figma UI 套件

使用 Figma UI 套件设计应用时需要了解的关键概念包括:

  • 使用 Segoe UI 字体,获取更好的呈现效果。 如果尚未安装该字体,请自行下载。

  • 仅使用套件受支持组件页面上提供的组件。

  • 确保组件名称完整显示。 要避免出现问题,只能在转换为画布应用期间对页面进行重命名。

  • 请确保使用特定层构建的指定组件保持不变。

  • 对于以下不受支持的组件,请使用完全按照原样转换的图像:

    • 图表

    • 图标

    • 形状

  • 如果您不想在应用转化中包含屏幕,请将屏幕命名为 msft_Ignore

开始使用 Figma UI 套件

要使用 Figma UI 套件设计应用,请按照以下步骤操作:

  1. 转到 Figma UI 套件网页。

  2. 选择在 Figma 中打开

    Figma UI 套件网页的屏幕截图。突出显示了“在 Figma 中打开”选项。

  3. 您的屏幕将导航到 Figma

如果是首次使用 Figma UI 套件,或者需要回顾一下相关说明,请查看封面页面,从中了解套件的相关信息并查看介绍如何使用 Figma 套件的四个步骤。

Figma Studio 中 Figma UI 套件的屏幕截图。图中突出显示了“页面”导航窗格。

后续步骤

现在,您已了解了使用 Figma UI 套件创建应用设计的基本步骤。 下一步是学习如何使用 Figma UI 套件为自行车修理店设计专门的应用。