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」をクリックします。
ローカルPCに圧縮ファイルがダウンロードされるので、ダブルクリックして解凍します。
(ファイル名:Sketch Toolbox.zip)
解凍すると、以下↓の「Sketch Toolbox.app」アイコンができるので、アプリケーションフォルダに移動させておきましょう。
これでSketch Toolboxのインストールは完了です。
Sketch Toolboxの使い方
Sketch Toolboxの使い方を説明していきます。
Sketch Toolboxを起動すると以下↓の画面が立ち上がります。
Sketchプラグインのインストール
画面右上に検索フォームからキーワード検索し、「install」ボタンをクリックします。
ここでは、例として「Sketch Distributor」というプラグインを追加しました。
Sketchプラグインのアインストール
アインストールするには、一覧の中から「uninstall」をクリックします。
Sketchのおすすめプラグイン
Sketchのおすすめプラグインを紹介します。
Sketch Distributor
Sketch Distributorは、複数のオブジェクトを水平・垂直方向で等間隔で整列させることができるプラグインです。
Unsplash-It-Sketch
Unsplash-It-Sketchは、仮の画像を自動で当てはめてくれるプラグインです。
Web制作時に画像素材が決まっていない段階でワイヤーフレームを制作するときに便利です。
Rename It
Rename Itはレイヤー名一括変換を行ってくれるプラグインです。
例えば、一括連番の割り振りができり効率的です。
Prott Sketch Plugin
Prott(プロット)とは、素早くプロトタイプが作成できるサービスです。
Sketchで作成したデザインをProttにアップするためのプラグインが「Prott Sketch Plugin」です。
Duplicator
Duplicatorは複数のオブジェクトを水平・垂直に複数できるプラグインです。
Sketch Measure
Sketch Measureは、オブジェクト間のマージンやスタイルを表示させるためのプラグインです。
さいごに
Sketchのプラグインを紹介しました。
プラグインを導入することでとても便利に使えるようになるので、ぜひ活用しましょう。
プラグインの追加が完了したら、Sketchを使ってみましょう。
参考:sketchの使い方