添加小部件可提升用户体验。小部件是可自定义的主屏幕元素,可清晰、直观地显示应用内容或操作。

开始使用

更多
布局决定了信息和交互元素在小部件中的组织方式。详细了解适用于文本、列表和网格类型小部件的预构建布局。
更多
详细了解如何设计可无缝缩放至多种尺寸的小部件。查看默认小部件尺寸,并了解如何充分利用可用网格空间。
更多
了解如何设置小部件样式,以增强其视觉效果并适应用户的设备主题。
更多
了解如何通过使用适当的尺寸和显示适当的预览内容,在小部件选择器中推广您的小部件。
在决定布局之前,请考虑您希望在小部件中显示的内容。您希望小部件以图片为主还是以文本为主?查找各种内容类型的布局示例。
使用我们现成的响应式布局,快速上手并运行,这些布局可满足最常见的小部件类型。
确保您的小部件具有灵活性,并考虑其如何调整大小。它在纵向、方形或横向布局中会是什么样子?
主屏幕空间非常宝贵,因此务必确保您的小部件能够充分利用已分配的空间。
了解核心组件和详细设计规范,以确保您的小部件达到我们的质量标准。
为更好地适应用户的主屏幕,请让您的小部件适应系统设备主题,以便您的部件可以使用浅色和深色主题以及对比度设置等功能。
从推荐的小部件尺寸到高质量预览,请查看我们的指南,帮助您的小部件脱颖而出并引人注目。
小部件质量会影响用户与您的小部件互动或查找您的小部件的方式。查看质量等级,帮助您的小部件脱颖而出并引人注目。

下载工具包

Figma
使用我们的设计组件创建美观且功能实用的小部件。这些组件和模式可确保小部件提供最佳用户体验,同时保持一致性并展示您的品牌。