sketch自動排版插件Paddy

Paddy插件是一款讓你的sketch學(xué)會自動排版的插件，你只需要設(shè)置好文字內(nèi)容的上下左右Padding值后，這款插件就可以讓外面的容器根據(jù)你的內(nèi)容自動調(diào)整寬高。Paddy插件可以讓你省去網(wǎng)頁設(shè)計中反復(fù)的間距、邊距、對齊調(diào)整操作，節(jié)省大量時間。

使用方法：

第一步，設(shè)置邊距

首先我們制作一個上下左右間距為 16px 的單元格。只更改背景圖層的名稱，在其原有名稱后按格式添加參數(shù)即可完成邊距的自動調(diào)整。

快捷鍵為：Control Alt p，邊距參數(shù)命名規(guī)則見下表：

有一點點 CSS 基礎(chǔ)的同學(xué)可以很快掌握

第二步，設(shè)置間距

我們將錯亂的單元格垂直間距調(diào)整為0，在原有組名稱后面添加參數(shù)即可完成垂直或水平方向間距的自動調(diào)整。

快捷鍵為：Control Alt Command p，間距參數(shù)命名規(guī)則見下表：

注意二者不可同時存在

第三步，設(shè)置對齊

將調(diào)整好間距的單元格進(jìn)行左對齊，在添加間距參數(shù)的組名稱后面添加對齊參數(shù)即可完成組內(nèi)對象的自動對齊。對齊參數(shù)命名規(guī)則見下表，其中 l，c，r，t，m，b 分別是 left、center、right、top、middle、bottom 的首字母。

對齊參數(shù)既可以和間距參數(shù)復(fù)合使用，也可以單獨使用

其他功能：

忽略特定項

在邊距參數(shù)中某項使用「x」可以讓 Paddy 忽略對應(yīng)邊的邊距自動調(diào)整。

在圖層或組的名稱前面添加「-」可以讓 Paddy 在自動調(diào)整時忽略該對象。

設(shè)置邊界

可以在邊距參數(shù)中使用「>=, >, <, <=, =」來設(shè)定邊距的最大值、最小值。

支持 Symbol

不得不說這是個異常好用的功能，解決了很多執(zhí)行時遇到的問題。越來越多的插件開始和 Symbol 掛鉤，這才是整個 Sketch 的精髓。