余白をいい感じに付けて書き出しができるSketchプラグイン「Sketch Slicer」

Sketchで画像を書き出すときに、アイコンとかボタンって余白をつけて書き出さなきゃいけないときがあるじゃないですか。

それを簡単に出来るようにしてくれるのがこのSketchプラグイン「Sketch Slicer」です。

使い方

使い方は２つ。余白を付け加える方法と、サイズを指定する方法があります。

書き出したいレイヤーを選んで、メニューのプラグインからSketch Slicerを選択

Enter Paddingに10と入力してSliceを実行すると

書き出すときはこの点線のレイヤーを選択すると余白付きで書き出せます。

Frameでスライスすると指定したサイズで書き出せます。

もともと120×120の円を150×150のサイズにしてみます。

余白がつきました。

「Select an export preset」というところでiOSかAndroidを選択すると、それぞれのOS用のサイズが指定されます。

書き出しやすいようにデザイナーの方がこういった細かいところを設定しておくと、エンジニアの人も助かりそうです。

書き手：小島芳樹
Webやスマートフォンアプリによるサービスを開発・提供する会社で働いています。
Twitter： @yoshikikoji

この記事が気に入ったらいいね・フォローお願いします！