小工具

小工具是可自訂的主畫面元素,可以清楚顯示 提供可運用的應用程式內容或動作。這項內容可能會定期發布 重新整理。

小工具 藉由與 或開啟完整的應用程式體驗

開始使用

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

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