使用 Figma UI 套件设计应用

  • 3 分钟

如果想要构建用于创建画布应用的 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 套件为自行车修理店设计专门的应用。