Sketchのおすすめプラグイン一覧

sketch-logo-dark

Sketchは、アプリのUIデザイン、Webサイトデザインのためのツールです。(参考:sketchとは?sketchのインストール方法
Sketchには便利なプラグイン(拡張機能)を追加できます。

Sketchのプラグインとは?

Sketchには便利なプラグイン(拡張機能)を追加でき、機能を加えることができます。
プラグインを追加することで、Sketchがより便利に使えるようになり、Web制作が捗ります。

Sketch Toolboxとは?

Sketchでプラグインを追加するためには、Sketch Toolboxをまず導入しましょう。
Sketch Toolboxとは、Sketchプラグインのインストールやアインストールの管理ができるツールです。

Sketch Toolboxのインストール方法

Sketch Toolboxにアクセスし、「Download the beta」をクリックします。

Sketch Toolbox-download

ローカルPCに圧縮ファイルがダウンロードされるので、ダブルクリックして解凍します。
(ファイル名:Sketch Toolbox.zip)

Sketch Toolbox.zip

解凍すると、以下↓の「Sketch Toolbox.app」アイコンができるので、アプリケーションフォルダに移動させておきましょう。
これでSketch Toolboxのインストールは完了です。

Sketch Toolboxの使い方

Sketch Toolboxの使い方を説明していきます。

Sketch Toolboxを起動すると以下↓の画面が立ち上がります。

Sketchプラグインのインストール

画面右上に検索フォームからキーワード検索し、「install」ボタンをクリックします。
ここでは、例として「Sketch Distributor」というプラグインを追加しました。

Sketch_Distributor

Sketch_Distributor

Sketchプラグインのアインストール

アインストールするには、一覧の中から「uninstall」をクリックします。

Sketchのおすすめプラグイン

Sketchのおすすめプラグインを紹介します。

Sketch Distributor

Sketch Distributorは、複数のオブジェクトを水平・垂直方向で等間隔で整列させることができるプラグインです。

Unsplash-It-Sketch

Unsplash-It-Sketchは、仮の画像を自動で当てはめてくれるプラグインです。
Web制作時に画像素材が決まっていない段階でワイヤーフレームを制作するときに便利です。

Plugin Demo

画像出典:Unsplash-It-Sketch

Rename It

Rename Itはレイヤー名一括変換を行ってくれるプラグインです。
例えば、一括連番の割り振りができり効率的です。

Rename Multiple Layers

画像出典:Rename It

Prott Sketch Plugin

Prott(プロット)とは、素早くプロトタイプが作成できるサービスです。
Sketchで作成したデザインをProttにアップするためのプラグインが「Prott Sketch Plugin」です。

Duplicator

Duplicatorは複数のオブジェクトを水平・垂直に複数できるプラグインです。

Duplicating layers

画像出典:Duplicator

Sketch Measure

Sketch Measureは、オブジェクト間のマージンやスタイルを表示させるためのプラグインです。

regular-rect influence-rect

さいごに

Sketchのプラグインを紹介しました。
プラグインを導入することでとても便利に使えるようになるので、ぜひ活用しましょう。

プラグインの追加が完了したら、Sketchを使ってみましょう。

参考:sketchの使い方