指南1
- 使用 Frames 作為根元素：
- 確保畫面中的根元素是 Frame，而不是 Group。DhiWise 需要 Frames 才能正確偵測和匯入畫面元素。
- 選擇標準的畫面尺寸：
- 使用 Figma 中提供的標準手機畫面尺寸（例如 iPhone 或 Android 的預設 Frame 尺寸），這樣 DhiWise 能夠正確識別設計的比例。
- 避免使用非標準尺寸：
- 若使用自訂或非標準的尺寸，可能導致 DhiWise 無法正確匯入或顯示。
- 不要將畫面設計僅用 Groups 來組合：
- 若畫面僅使用 Group，而沒有 Frame 作為根層級，DhiWise 可能無法偵測到畫面內容，導致匯入失敗。
指南 2
為畫面賦予描述性名稱：
每個畫面應該有一個能反映其在應用程式中的用途的名稱。這有助於開發時更清晰地理解畫面功能和意圖，並避免混淆。
避免使用無描述性的標籤：
避免使用像 “Screen 1” 或 “Frame A” 這樣的無描述性名稱。這類名稱缺乏語意，可能導致在將設計轉為程式碼時產生混淆，影響理解和管理。
指南 3
保持相同的螢幕寬高（長滾動螢幕除外）：
確保可滾動的 Frame 展開到完整尺寸，以保持正確的功能和可見性。這樣可以確保所有內容都能顯示和滾動，提供更好的使用體驗。
避免壓縮可滾動的 Frame：
不要將可滾動的 Frame 壓縮以符合其他非滾動 Frame 的固定高度。壓縮會影響滾動效果和內容顯示，使得畫面難以操作和理解。
指南 4
在列表中根據關聯性進行分組：
在列表項目內，確保相關的元素被有效地分組。例如，一個圖示及其文字應該組合在一起，這樣能夠提高可讀性並保持設計的一致性。
避免將列表中的每個元素視為獨立項目：
不要將列表內的每個元素單獨處理而不分組。若元素沒有分組，會導致視覺效果混亂且不便於用戶理解。
指南 5
通過消除多餘元素來確保畫面完整性：
在重複使用畫面之前，確保移除任何不需要的元素，以保持畫面整潔和專案的可管理性。
避免在現有畫面上添加新元素而不移除舊元素：
避免直接在現有畫面上堆疊新元素而不清理舊元素，這樣會導致畫面混亂，並且使代碼複雜化，不利於後續維護和開發。