小工具

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

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

開始使用

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

  1. 選擇要在小工具中醒目顯示的主要使用者案例。
  2. 查看 Figma 的「小工具範本範例」。
  3. 根據大小指南設計 UI。
  4. 針對多種螢幕大小進行測試。
版面配置會決定小工具中的資訊和互動元素排列方式。進一步瞭解預先建構的文字、清單和格狀小工具版面配置。
進一步瞭解如何設計可流暢配合多種尺寸的小工具設計。查看預設的小工具大小,並瞭解如何充分運用所提供的格線空間。 
瞭解如何設定小工具的樣式,改善小工具的視覺效果,並融入使用者的裝置主題。
瞭解如何透過適當的大小和顯示資訊,在小工具挑選器中宣傳小工具。