在使用設計協(xié)作工具的過程中，一些設計師會有這樣的疑問：

“設計稿多的時候，怎樣分類比較合理？”
“設計稿迭代之后上百張設計稿，怎樣才能方便開發(fā)找圖？”
……

那今天就來聊聊如何用 CoDesign 的層級分類結(jié)構(gòu)，解決大家在設計稿分類管理工作中遇到的難題。

首先 CoDesign 有五個層級：團隊、項目、文件夾、分組和編組，各自都有不同的使用場景：

文件夾跟編組并不是必選項，這是因為我們希望在這一塊給予用戶更大的自由度，讓大家可以基于各自的使用訴求去使用合適的層級分類。

舉個例子，騰訊是一個團隊，而在團隊內(nèi)部，我們有 CoDesign 項目，Prowork 項目。可能一百個項目里，會有 100 種層級分類的方法。

比如有的項目是用文件夾來區(qū)分 Web 端、PC 端、小程序端；用分組來區(qū)分不同的功能模塊；用編組來區(qū)分小的迭代版本。

有的項目是用文件夾來區(qū)分大的迭代版本；分組區(qū)分不同的功能模塊；編組來區(qū)分小模塊的內(nèi)容。

這些層級分類雖然使用的方法不同，但都為了解決同一個訴求，就是在業(yè)務線多，版本多，模塊多的情況下，還能一目了然、輕松查閱對應的設計稿，提高產(chǎn)研團隊的迭代效率。

那想要解決這個訴求，多層級的分類意識是基礎，善用編組功能是關(guān)鍵。

那編組功能究竟怎么用呢？在插件端跟 web 端又該如何操作呢？來，我們把 CoDesign 上編組的使用技巧，統(tǒng)統(tǒng)整理好了，手把手教會！

騰訊 CoDesign 插件免費下載使用（包括Sketch、XD、Figma和PS）：https://codesign.qq.com/

1. 插件端的編組選項上傳

在 PS 插件、Figma 插件、Sketch 插件上傳設計稿時，直接創(chuàng)建或者選擇對應的編組選項上傳。

而在 web 端上，編組方面的操作則更為靈活。

2. Web端的編組操作詳情

1. 設計稿的編組

新建編組

方法一：通過插件上傳設計稿后，進入項目，切換至【畫布視圖】，點擊【設計稿列表】右側(cè)的【+】，即可新建編組。

方法二：通過插件上傳設計稿后，進入項目，切換至【列表視圖】，將鼠標移動至畫板左側(cè)，出現(xiàn)【編組】的分割線，點擊后輸入編組名稱，即可新建編組。

畫板移動到編組

方法一：列表視圖下，將鼠標移動至畫板左側(cè)，出現(xiàn)【編組】的分割線，點擊后輸入編組名稱，則分割線后的畫板都會移動至創(chuàng)建的新編組中。

方法二：列表視圖下，鼠標左鍵選擇畫板，可直接拖動畫板至對應的編組中。

方法三：列表視圖下，勾選畫板，右上角出現(xiàn)【移動到編組】選項，在下拉菜單中選擇對應的編組，即可移動到編組。

方法四：畫布視圖下，鼠標右鍵選擇畫板，出現(xiàn)【添加至編組】選項，在下拉菜單中選擇對應的編組，即可移動到編組。

2. 素材庫、圖標庫、組件庫的編組

在素材庫、圖標庫、組件庫設置編組管理，可以方便在后續(xù)的使用過程中，快速搜索定位，節(jié)省搜索時間。

它們的編組操作方法都是一致的，只要將鼠標移動至圖標/素材/組件的左側(cè)，出現(xiàn)【編輯】字樣后，點擊并輸入編組名稱即可創(chuàng)建編組。

直接拖動圖標/素材/組件，即可移動至對應的編組中。

最后，大家是怎么使用層級分類的，有什么好的建議，歡迎加入我們的用戶群，跟我們一起探討分享哦！

歡迎關(guān)注作者微信公眾號：「騰訊CoDesign」