文件名 如何下載使用 文件大小 提取碼 下載來源
插件素材2.5M64x1 點此復制 登錄下載

不知道大家日常有沒有使用插件的習慣,反正我是經(jīng)常使用,為什么?因為效率更高了,做圖更快了。今天給大家推薦 3 個我常用的 Sketch 插件,它們真的很實用,而且我身邊很多設計師也在使用。

Split shape

插件名字如標題 Split shape,意思是分割圖形,這個插件其實沒那么簡單,它不是直接簡單的分割圖形,而是均分圖形,看到這,也許你覺得沒啥,那么下面看看它的神奇之處在哪里?

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

△ 來源 Dribbble 設計師

上圖,我們看到了 3 個卡片,卡片也是設計中經(jīng)常遇到,我們?nèi)粘6际鞘謩尤ダL制三個等量的卡片,今天用了這個插件,瞬間可以畫出三個卡片來。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

如上圖,只要我們確定畫板的設計寬度和左右的間距,那么下一步就是直接畫一個矩形,然后使用這個 Split shape 插件就可以直接生成右側(cè)樣式圖形,這樣卡片就出來了。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

上圖就是這個插件的基本參數(shù),比較簡單,我把翻譯已經(jīng)描述出來,只要玩一兩遍會了,下面我換一個參數(shù)試一試。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

上圖右側(cè)圖形是不是很熟悉,大家做標簽選項時候,經(jīng)常會遇到。在這里我用一個長方形就把他們均分出來了,下面來看看我修改的參數(shù)。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

插件修改的地方,我已經(jīng)用紅色數(shù)字標記,大家和之前對比下,應該就能秒懂這個插件了。

Rename It

快速批量的重新命名你的圖層,這個插件可以說太實用了。不知道大家有沒有這樣的情況,特別是概念設計時候,一般圖層都是比較混亂的,等你完成設計后,圖層也比較多,這時候你要是一個個去改命名,那太費時間,今天這個插件就幫你解決問題。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

上圖我簡單舉例,左側(cè)的場景,我相信在座設計師,很多時候都遇到過。那么右側(cè)使用這個插件就可以快速批量選中,改命名。瞬間交付出去的設計稿文件,是不是更專業(yè)一些?而且省時省力。

來看看這個插件面板

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

參數(shù)非常簡單,操作步驟比較少,一學就會的那種。

Flavor

快速批量填充名字、時間、日期、手機號、郵箱數(shù)據(jù)中英文數(shù)據(jù)、格式全支持、精準到像素的快速批量復制設計元素、快速參考線,強大的 UI 網(wǎng)格工具。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

△ 網(wǎng)站鏈接:https://fancynode.com.cn/flavor

上圖就是插件的全貌截圖,這個插件,我認為最重要的功能就是“快速參考線”,我叫它網(wǎng)格神器,也是我非常喜歡的一個插件。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

會使用網(wǎng)格的設計師應該清楚,如果我們要繪制上圖的布局網(wǎng)格,早期一般都得計算出來,而且特別麻煩,容易算錯,而這個插件只要你前期定義好左右邊距,中間就可以自動計算并生成網(wǎng)格。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

上圖就是我用這個網(wǎng)格插件快速計算出來的布局網(wǎng)格。如果看不懂上圖,可以看下下面這個圖,我把他們區(qū)分更清晰一些。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

這就是一個網(wǎng)格系統(tǒng)的基本構(gòu)成,其它端也是同樣的元素組成。

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

今天就不講網(wǎng)格系統(tǒng)了,想學的可以看這里:

好了,今天分享就到這里,這 3 個插件我已經(jīng)打包好了,請大家自行下載。

歡迎關注作者微信公眾號:「功夫UX」

設計圈超火的3個Sketch插件,讓你效率逆天(已打包)

文件名 如何下載使用 文件大小 提取碼 下載來源
插件素材2.5M64x1 點此復制 登錄下載
收藏 309
點贊 29

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。