小工具

小工具是可自訂的主畫面元素,可顯示應用程式內容或動作的清晰可操作檢視畫面。這類內容可定期重新整理。

小工具可協助使用者完成目標,例如直接在小工具中與應用程式內容互動,或是開啟完整的應用程式體驗。

開始使用

建立小工具時,請完成下列步驟:

  1. 選擇要用於小工具的單一主要用途。
  2. 請參閱 Figma 上的小工具範本示例
  3. 大小指南範圍內設計 UI。
  4. 針對多種螢幕大小進行測試。
  5. 確認小工具符合小工具品質指南
版面配置會決定資訊和互動元素在小工具中的排列方式。進一步瞭解文字、清單和格狀小工具的預先建構版面配置。
進一步瞭解如何設計可無縫調整至多種大小的 Widget。查看預設的小工具大小,並瞭解如何充分運用指定的格狀空間。
瞭解如何設定小工具樣式,提升小工具的視覺效果,並配合使用者的裝置主題。
瞭解如何透過適當的大小和顯示資訊,在小工具挑選器中宣傳您的小工具。