新增小工具，打造更優質的使用者體驗。小工具是可自訂的主畫面元素，可清楚顯示應用程式的內容或動作，以供使用者操作。
前往設計基礎 下載 Widget Figma 套件

開始使用

指南
版面配置會決定小工具中的資訊和互動元素排列方式。進一步瞭解預先建立的文字、清單和格狀小工具版面配置。
查看指引
指南
進一步瞭解如何設計可流暢配合多種尺寸的小工具設計。查看預設的小工具大小，並瞭解如何充分運用可用的格線空間。
查看指引
指南
瞭解如何設定小工具樣式，強化小工具的視覺影響力，並融入使用者的裝置主題。
查看指引
指南
瞭解如何使用適當的大小和適當的預覽內容，在小工具挑選器中宣傳小工具。
查看指引
決定版面配置之前，請先想想您要在小工具中顯示的內容。希望小工具是富含圖片或大量文字的嗎？查看多種內容類型的版面配置範例。
瞭解詳情
我們現成的回應式版面配置，能滿足最常見的小工具類型，讓您立即可用。
瞭解詳情
請確保小工具可以彈性調整，並考量如何調整小工具的大小。顯示在直向、正方形或橫向版面配置中的圖片會呈現什麼樣子？
瞭解詳情
主畫面空間非常寶貴，因此請務必確保小工具的設計能夠充分利用所分配的空間。
瞭解詳情
瞭解核心元件和詳細的設計規格，確保您的小工具符合我們的品質標準。
瞭解詳情 下載 figma 套件
為了更符合使用者的主畫面，請允許小工具配合系統裝置主題設定調整，讓小工具能夠使用淺色、深色主題和對比設定等功能。
瞭解詳情
無論是建議的小工具大小，還是優質預覽，只要詳閱我們的指南，即可讓小工具引人注目，進而脫穎而出。
瞭解詳情

下載工具包

Figma
使用我們的設計元件建立美觀且功能實用的小工具。這些元件和模式可確保小工具提供最佳的使用者體驗，同時維持一致性並呈現品牌。
成為社群的一分子！