小工具

小工具是可自訂的主畫面元素,能顯示清楚且可操作的應用程式內容或動作。此內容可以定期重新整理。

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

開始使用

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

  1. 選擇要在小工具中醒目顯示的單一主要使用者案例。
  2. 查看 Figma 上的小工具範本範例
  3. 根據尺寸指南設計 UI。
  4. 針對多種螢幕大小進行測試。
版面配置決定了資訊與互動元素在小工具中的整理方式。進一步瞭解為文字、清單和格線類型小工具預先建構的版面配置。
進一步瞭解如何設計可流暢擴充至多種尺寸的小工具。請參閱預設小工具大小,並瞭解如何充分運用指定的格線空間。
瞭解如何設定小工具的樣式,以強化小工具的視覺效果,並配合使用者的裝置主題。
瞭解如何透過適當大小和顯示的資訊,在小工具挑選器中宣傳小工具。