解密Sketch68新功能「助理」（Assistants）

靜電說：在Sketch68這個新版本中，開發團隊新增了一項功能，那就是助理（Assistants）。不少小夥伴對這個功能還比較迷惑，今天我們就來一塊兒看一下。

助理在哪裏？

當你安裝了sketch68版本後，就能夠在快捷工具欄上發現一個新圖標，以下圖所示，這就是助理功能。

助理有什麼做用？

當您將助手添加到文檔中時，他們將根據一組規則檢查您的設計，並告知他們是否發現問題或不一致之處。在「助理結果」窗口中，設計師能夠篩選問題，快速找到與之相關的圖層並進行修復。

如何安裝「助理」？

默認狀況下，助理中是沒有任何內容的，咱們須要根據本身的需求來添加各式各樣的助理功能。點擊助理面板右上角的小齒輪圖標，而後選擇「查找助理」，便可打開Sketch官方的「助理」頁面，在這個頁面中，咱們能夠找到各類各樣的助理，以下圖所示。

點擊某一個助理項目，而後在新頁面中選擇「Add to Sketch」，便可快速將助理添加到你的Sketch中。以下圖所示。

固然，你也能夠經過本地文件來添加助理，可是這個功能隱藏的比較深，須要選擇助理面板右上角的小齒輪，選擇「管理助理」，在打開的面板中再次選擇左下角的小齒輪，這個時候才能找到從本地添加的選項。

若是你沒有安裝助理，而後打開了別人發給你的使用了助理的文檔，或者你在使用助理後卸載掉了某個助理，這個時候助理面板會顯示一個？號。提示你安裝缺失的助理。

如何使用助理？

在文檔中安裝並啓用助手後，他們將根據其遵循的一組規則檢查它是否存在任何問題或不一致。默認狀況下，助手會自動運行，並應在您對文檔進行更改後更新其結果。要阻止助手自動檢查您的文檔，請從菜單欄中選擇「文件」>「助手」>「自動檢查文檔」以關閉此選項。關閉自動檢查功能後，只要您但願助手更新其結果，就須要選擇文件>助手>當即檢查文檔（或按⌘⇧B）。

當助手檢查並發現問題時，它將在助手工具欄項旁邊顯示一個通知標誌。單擊工具欄上的項目將彈出「助手結果」窗口，並向您顯示文檔中每一個問題的列表。

解決問題後，助手將再次檢查您的文檔，這時應該會看到它從結果列表中消失了。咱們還能夠隨時經過選擇「視圖」>「顯示/隱藏助手」或按來顯示和隱藏「助手」結果窗口（⌘⌥3）。以下圖所示。

每一個助理都有本身的縮略圖和一個通知徽章，其中包含其已發現的當前問題數量。單擊這些縮略圖可過濾結果列表，以僅顯示所選助手中的問題。單擊最左邊的縮略圖將重置視圖，並向您顯示全部助手的問題。css
使用齒輪圖標能夠訪問「管理助手」列表，顯示或隱藏被忽略規則的設置以及打開「助手」目錄的連接（即將推出）。react
結果列表中的每一個問題都是可摺疊的（若是您有不少須要瀏覽的地方，它很方便！），將鼠標懸停在它上面會顯示一個?圖標。單擊此選項將打開一個瀏覽器窗口，其中包含助手開發人員針對該特定規則的文檔。web
每一個問題都列出了與其相關的層。將鼠標懸停在圖層上時，您會看到一個→圖標。單擊此按鈕將直接將您帶到畫布上的該層。您也能夠按住Control鍵單擊列表中的任何圖層，而後選擇「顯示」以在「畫布」上找到它。瀏覽器

可是有時候助手並非萬能的，它提出的不少問題在你看來並無毛病。此時你能夠忽略它們。在某個具體問題上點右鍵，選擇「忽略」，便可忽略掉它們。

特點「助理」推薦

01. Sketch2React規則

這個助理的主要做用是協助你按照Sketch2React這樣約定的規則來規範文檔結構，好比命名，或者頁面佈局等等。規則以下：

文檔必須包含一個名爲「從這裏開始」的頁面 - @ sketch2react / sketch2react-core-assistant / occurrence-of-page 微信
文檔必須在名爲「從這裏開始」的頁面上包含一個名爲「開始」的畫板 - @ sketch2react / sketch2react-core-assistant / occurrence-of-artboard 併發
組名必須包含一對大括號- @ sketch2react / sketch2react-core-assistant / group-name-component-name app
文本名稱必須包含一對大括號- @ sketch2react / sketch2react-core-assistant /文本名稱組件名稱工具
組名能夠包含零個或一對方括號- @ sketch2react / sketch2react-core-assistant / group-name-css-classnames 佈局
文本名稱能夠包含零個或一對方括號- @ sketch2react / sketch2react-core-assistant / text-name-css-classnamesflex