指南一
為每個標籤分別設計內容畫面：
在 Figma 文件中，為每個標籤創建獨立的畫面並配置其相關內容，以確保每個標籤在最終構建中顯示其對應的內容。
避免僅設計單一標籤畫面：
如果僅在 Figma 中設計了一個標籤，其它標籤在最終應用中可能會顯示為空白，或重複第一個標籤的內容。
指南二
為對話框、抽屜、或底部工作表添加完整覆蓋層：
為了讓這些元件能被正確檢測，應在畫面中應用覆蓋層，並確保覆蓋層覆蓋整個螢幕。
避免未添加覆蓋層的情況：
如果未應用覆蓋層，這些元件將無法被正確識別為抽屜或對話框。
指南三
將底部應用欄放置在螢幕最底部：
將底部應用欄（Bottom App Bar）放在螢幕的最底部，確保在底部應用欄下方沒有任何內容或元素。
避免將底部應用欄放在螢幕中間：
避免將底部應用欄放置在螢幕的中間位置，這樣會影響使用體驗和界面的一致性。
指南四
在 Figma 中標記元件：
DhiWise 會自動檢測元件，但不同的設計方式或元件設計更改可能會導致識別錯誤。在這些情況下，標記元件可以非常有幫助。
示例 1
• 標籤名稱：:Image
• 將此標籤應用於 Figma 中的插圖（裝飾性向量），可以自動生成對應的代碼。
• 格式：{Group or Frame name} + “:” + Image
• 範例：Vector:Image
示例 2
• 標籤名稱：:IconButton
• 將此標籤應用於不按常規設計且容易被錯誤識別的按鈕元件，便於自動識別並轉換為按鈕。
• 格式：{Group or Frame name} + “:” + IconButton
• 範例：Lights:IconButton
指南五
正確地將相關元素組成一個元件以確保佈局準確：
根據元素之間的相關性進行分組，並確保所有子分組都置於同一個父分組中，以便保持元件層級結構的清晰和邏輯性。
避免分組重疊的情況：
重疊的分組可能會導致問題，確保所有分組不會相互重疊，並且全部位於單一父分組內，以維持結構的整潔和準確性。