Sketch十個常用插件盤點(diǎn)

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

尋找相同的描邊、填充、字體顏色等。


image.png

選擇相同的圖層樣式,可以通過最后的“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

image.png

image.png

例2

image.png

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

例3
image.png

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

來自:
https://ke.uibang.cn/detail/v_5d394c5bce747_ZTECRSrr/3

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容