Sketchを更に便利にパワーアップするプラグインのまとめ
Post on:2015年7月17日
最近はSketchをよくいじっているのですが、便利で楽しいアプリですね。
そんなSketchを更に便利にパワーアップするプラグインを紹介します。

Sketchは、OS X用のアプリです。

Sketch Toolbox (無料)
Photoshopで言うところのExtension Managerで、Sketch用のプラグインマネージャーです。プラグインを探すのにもインストール・アンインストールするのにも非常に便利なアプリです。

Sketch Measure (無料)
テキストやエレメントなど、さまざまなオブジェクトのサイズ、形、カラー、エフェクト、フォントの種類・サイズなどの情報を1クリックで書き出します。先日ようやく3.3+サポートになりました。
デザインのガイドラインや指示書の作成に便利です。

Style Inventory (無料)
ドキュメントのすべてのカラー、テキストスタイル、シンボルを収集し、それらをアートボードに書き出したり、スタイルシートに書き出したりできます。

Sketch Commands (無料)
複数の要素を指定通りに揃えたり、サイズやポジションを指定通りに変更したり、さまざまなフォーマットに書き出したり、Sketchを便利にする総合的なプラグインです。

SketchDistributor (無料)
複数の要素を水平・垂直に指定した間隔に配置します。

Sketch Flex Layout (無料)
スタイルシートとプロトタイプを使用して、CSS Flexboxでレイアウトを作成するプラグインです。
※2015年7月現在、ベータ版のため重要なプロジェクトでは使用しないでくださいとのこと。

Day Player (無料)
Placehold.itなどのシンプルなダミー画像やUnsplash Itなどの写真画像を使い、プレースホルダーイメージを簡単に利用できます。サイズ指定や使用する画像のカテゴリも選択できます。

Content Generator (無料)
プロトタイプやモックアップを作成する時のテキストや画像などのダミーデータを簡単に利用できます。

Dynamic Button (無料)
背景カラーとパディングを設定するだけで、フレキシブルなボタンを簡単に作成できます。

AEIconizer (無料)
アートボードに作成したアイコンを元に、必要とさせるさまざまなサイズのアイコンを作成できます。

Divine Proportions (無料)
黄金比、黄金螺旋、1/3ルールなど、レイアウトや写真の構図に重要なパスを描きます。

Sort Lauyers (無料)
選択したレイヤーやアートボードをソートします。

Material Design Color Palette (無料)
Material Designのカラーを明度ごとに各色のパレット作り出してくれる国産のプラグインです。
Material Designのカラーをカラーパレットで使用したい場合は、下記ページから「.clr」ファイルをダウンロードし読み込ませます。

一つのカラーをベースに、シェードの異なるカラーパレットを作成します。

最後はSketchのショートカットをまとめたチートシートです。
早く使いこなせるよう、プリントしました。
sponsors