1. preview in browser
做PC頁面時,在瀏覽中預(yù)覽。選中頁面后,按快捷鍵shift+cmd+.
當(dāng)超出頁面的寬度造成預(yù)覽時的滾動時,把設(shè)計(jì)稿的尺寸設(shè)置為電腦分辨率的尺寸(13寸電腦1280px)
2.Runner
付費(fèi)插件。通過關(guān)鍵詞的搜索實(shí)現(xiàn)一些功能。免費(fèi)用戶只能使用第一個Run。
eg:
Run text
Goto 去哪個頁面
Insert 插入symbol組件,輸入名稱
Create 快速制作symbol
Apply 運(yùn)用symbol或者圖層/文字樣式
Install 搜索及安裝插件
3. symbol instance locator
選中某個symbol后,執(zhí)行插件,可找到其他哪些頁面調(diào)用了這個symbol按鈕。
隱藏的symbol也能找。
在刪除symbol時常用到。
4. shared style finder
找文字/圖層樣式。通過下拉列表選樣式,在下方的列表中顯示。
5. find and replace
快速替換sketch文檔中的文字??梢詤^(qū)分大小寫;可以區(qū)分整個單詞
替換范圍可以選擇:所選中的部分;整個page;整個文檔。
6.select similar layers
尋找相同的描邊、填充、字體顏色等。

選擇相同的圖層樣式,可以通過最后的“class”選項(xiàng)
7.rename it
重命名圖層、重命名畫板、查找替換
若按照數(shù)字順序,會按照畫板從左到右的順序自動命名。
8.flavor
快速填充, 中英文名/手機(jī)號/日期/郵箱等。
快速復(fù)制,做矩陣。
快速參考線。
9.kitchen
圖表生成器
可以在登陸后同步色板、iconfont的圖標(biāo)庫。
自動排版(小bug:無法在symbol里自適應(yīng)。)
頭像(有亞洲人的頭像)
文本——有自定義功能
10.anima
padding 制作彈性按鈕或者彈性按鈕組。
pins 可做百分比;居中可以設(shè)置居中偏左或偏右
寬度/高度的最大/最小值
stack 編組后設(shè)置間距;其中有個collapsing勾選框。刪除或者隱藏中間的內(nèi)容后,后面的可自動跟進(jìn)補(bǔ)全。
例1
做tabs標(biāo)簽切換時,要保證選中的底部橫線和文字是等寬的,可以在文字+橫條的小組件中,設(shè)置橫線的pins,左右的間距是0


例2

在箭頭+文字的組里選擇好間距、塌陷功能和pins(左)的數(shù)值。當(dāng)箭頭選為none時,文字會自動跟進(jìn)右對齊。

例3

第一個組: 圖標(biāo)和小字,用stack組。
第二個組: 1組+標(biāo)題( 標(biāo)題用sketch自有的pins)
第三個組:2組+白色的底,用padding ,定義上下左右的邊距。
第四個組:3組+關(guān)閉按鈕。stack組
例4
actionsheet
在stack功能中勾選 resize symbol 塌陷后自動縮小組件的測量范圍。