沒有Guideline去定義元件與沒有整理的Symbol，問題大嗎？
👁 對設計師來說：在設計的過程中，往往因為諸多因素出現了修改、調整、不同設計師經手、優化迭代等等，而出現多種不同樣式卻又相同功能之元件，前人諾沒有留下規範，終將導致後人接替工作容易分不清規則，讓同一個功能產生出不同的視覺認知。
👁 對開發者來說：沒有規範導致難以維護也降低工作效能。
👁 對使用者來說：在品牌或者使用者立場，同元件卻不同樣貌，容易造成使用者體驗不佳，也會降低對品牌的信任感。
在Symbol之前，先建立Style
以原子設計Atomic Design的理念為主，從小單位的文字與填色開始整理。所以先以文字的顏色、大小、粗細；填色的顏色、線匡都用Style做分類與建立，在後續整理Symbol時就可以套用進去，讓設計稿更有系統。
整理Symbol的方式
📌Symbol命名方式與整理：善用’/‘建立巢狀命名分類
像是icon會細分為不同樣式、不同地方使用的，方便在整理與套換時更容易找到！（百頁設計稿的icon真的超級多 🤗 不這樣分類，在替換時絕對會找到眼花😁）
📌盡可能把Symbol做的完整，讓之後延伸使用可以更清楚。（Resizing、Smart Layout很重要）
舉例來說：有些按鈕會因為文案而變寬，有些則不，這種狀況我就會設定成兩顆symbol，一種是會變寬的，另一種是固定寬度的。
過程中，我使用的sketch plugin
- Anima：設計稿中有許多表格類element，我會把表格stack群組，讓表格自動並排對齊，避免不小心碰到歪了自己的也不曉得，也會導致大家來找碴的悲劇。
- Symbol Organizer：整理symbol好幫手，可以選擇symbol artboard直的排列還是橫的排列、間距多少，並按照命名好的方式重新排列好symbol。（極度適合強迫症患者，看到整理完的artboard整齊排列真的很爽🌝）
- Merge Duplicate Symbols：不小心命名到相同名稱，或是拷貝到同一個symbol時。Merge Duplicate可以幫你找到有相同名稱的symbol，直接顯示出symbol圖示以及所佔的比例，問你要不要統一成一個，或者不，可以重新審視自己的symbol也降低重複性。
- Symbol Instance Locator：面對幾百頁設計稿，很多時候會想不起來這顆symbol到底在哪裡使用過，Symbol instance locator直接幫你列出出現在哪些頁面。
