问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

使用 Figma UI 套件设计应用

创作时间:
作者:
@小白创作中心

使用 Figma UI 套件设计应用

引用
1
来源
1.
https://learn.microsoft.com/zh-cn/training/modules/design-canvas-app-figma/design-app

使用 Figma UI 套件设计应用

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

  • 窗体、数据卡片和部分
  • 文本输入、下拉列表和组合框
  • 切换开关、复选框和单选按钮
  • 滑块和评分
  • 日期选取器和计时器
  • 图像和矩形

使用 Figma UI 套件

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

  • 使用 Segoe UI 字体,获取更好的呈现效果。 如果尚未安装该字体,请自行下载。
  • 仅使用套件受支持组件页面上提供的组件。
  • 确保组件名称完整显示。 要避免出现问题,只能在转换为画布应用期间对页面进行重命名。
  • 请确保使用特定层构建的指定组件保持不变。
  • 对于以下不受支持的组件,请使用完全按照原样转换的图像:
  • 图表
  • 图标
  • 形状
  • 如果您不想在应用转化中包含屏幕,请将屏幕命名为msft_Ignore

开始使用 Figma UI 套件

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

  1. 转到Figma UI 套件网页。
  2. 选择在 Figma 中打开
  3. 您的屏幕将导航到Figma
  4. 如果是首次使用 Figma UI 套件,或者需要回顾一下相关说明,请查看封面页面,从中了解套件的相关信息并查看介绍如何使用 Figma 套件的四个步骤。

后续步骤

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

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号