1. preview in browser
做PC頁面時(shí)贪嫂,在瀏覽中預(yù)覽胞皱。選中頁面后舌界,按快捷鍵shift+cmd+.
當(dāng)超出頁面的寬度造成預(yù)覽時(shí)的滾動(dòng)時(shí),把設(shè)計(jì)稿的尺寸設(shè)置為電腦分辨率的尺寸(13寸電腦1280px)
2.Runner
付費(fèi)插件忘蟹。通過關(guān)鍵詞的搜索實(shí)現(xiàn)一些功能飒房。免費(fèi)用戶只能使用第一個(gè)Run。
eg:
Run text
Goto 去哪個(gè)頁面
Insert 插入symbol組件媚值,輸入名稱
Create 快速制作symbol
Apply 運(yùn)用symbol或者圖層/文字樣式
Install 搜索及安裝插件
3. symbol instance locator
選中某個(gè)symbol后狠毯,執(zhí)行插件,可找到其他哪些頁面調(diào)用了這個(gè)symbol按鈕杂腰。
隱藏的symbol也能找垃你。
在刪除symbol時(shí)常用到。
4. shared style finder
找文字/圖層樣式喂很。通過下拉列表選樣式惜颇,在下方的列表中顯示。
5. find and replace
快速替換sketch文檔中的文字少辣×枭悖可以區(qū)分大小寫;可以區(qū)分整個(gè)單詞
替換范圍可以選擇:所選中的部分漓帅;整個(gè)page锨亏;整個(gè)文檔。
6.select similar layers
尋找相同的描邊忙干、填充器予、字體顏色等。
選擇相同的圖層樣式捐迫,可以通過最后的“class”選項(xiàng)
7.rename it
重命名圖層乾翔、重命名畫板、查找替換
若按照數(shù)字順序,會(huì)按照畫板從左到右的順序自動(dòng)命名反浓。
8.flavor
快速填充萌丈, 中英文名/手機(jī)號(hào)/日期/郵箱等。
快速復(fù)制雷则,做矩陣辆雾。
快速參考線。
9.kitchen
圖表生成器
可以在登陸后同步色板月劈、iconfont的圖標(biāo)庫度迂。
自動(dòng)排版(小bug:無法在symbol里自適應(yīng)。)
頭像(有亞洲人的頭像)
文本——有自定義功能
10.anima
padding 制作彈性按鈕或者彈性按鈕組艺栈。
pins 可做百分比英岭;居中可以設(shè)置居中偏左或偏右
寬度/高度的最大/最小值
stack 編組后設(shè)置間距;其中有個(gè)collapsing勾選框湿右。刪除或者隱藏中間的內(nèi)容后,后面的可自動(dòng)跟進(jìn)補(bǔ)全罚勾。
例1
做tabs標(biāo)簽切換時(shí)毅人,要保證選中的底部橫線和文字是等寬的,可以在文字+橫條的小組件中尖殃,設(shè)置橫線的pins丈莺,左右的間距是0
例2
在箭頭+文字的組里選擇好間距、塌陷功能和pins(左)的數(shù)值送丰。當(dāng)箭頭選為none時(shí)缔俄,文字會(huì)自動(dòng)跟進(jìn)右對(duì)齊。
例3
第一個(gè)組: 圖標(biāo)和小字器躏,用stack組俐载。
第二個(gè)組: 1組+標(biāo)題( 標(biāo)題用sketch自有的pins)
第三個(gè)組:2組+白色的底,用padding 登失,定義上下左右的邊距遏佣。
第四個(gè)組:3組+關(guān)閉按鈕。stack組
例4
actionsheet
在stack功能中勾選 resize symbol 塌陷后自動(dòng)縮小組件的測量范圍揽浙。