添加小部件以提升您的用户体验。小部件是可自定义的主屏幕元素，显示应用程序内容或操作的清晰且可操作的视图。
前往设计基础 下载小部件 Figma 工具包

入门

指南
布局决定了信息和交互式元素如何在小部件内组织。了解有关文本、列表和网格类型小部件的预构建布局的更多信息。
查看指南
指南
了解有关设计无缝扩展到多种尺寸的小部件的更多信息。查看默认小部件大小，并了解如何充分利用可用网格空间。
查看指南
指南
了解如何为小部件设置样式以增强小部件的视觉效果并与用户的设备主题相匹配。
查看指南
指南
学习如何通过使用适当的大小调整和显示适当的预览内容，在小部件选择器中推广您的应用程序。
查看指南

内容

在决定布局之前，请考虑您要在小部件中显示的内容。您希望您的应用程序是图片丰富还是文本丰富？查找适用于各种内容类型的布局示例。
了解更多
使用我们现成的响应式布局，这些布局可以满足最常见的小部件类型。
了解更多
确保您的应用程序灵活，并考虑如何调整应用程序的大小。它在纵向、正方形或横向布局中看起来如何？
了解更多
主屏幕空间非常宝贵，因此务必确保您的应用程序是为最大程度地利用其分配的空间而构建的。
了解更多
了解核心组件和详细的设计规格，以确保您的应用程序满足我们的质量标准。
了解更多 下载 Figma 工具包
为了更好地与用户的主屏幕相匹配，允许您的应用程序适应系统设备主题，以便您的应用程序可以使用浅色和深色主题以及对比度设置等功能。
了解更多
从推荐的小部件大小到高质量的预览，请查看我们的指南，以帮助您的应用程序脱颖而出。
了解更多

下载工具包

Figma
使用我们的设计组件创建美观且功能齐全的小部件。这些组件和模式确保小部件的最佳用户体验，同时保持一致性并展示您的品牌。
加入社区！