Sketchを使い倒すための便利プラグイン16選
ここ最近注目を集めているデザインツールといえば、Mac用ベクターグラフィックソフト「Sketch」です。
数年前までは日本ではほとんど知名度はありませんでしたが、Fireworksの開発終了後から徐々に注目が高まり、日本国内でも使用する人が増えています。
Adobe製品と比較すればまだまだ情報量不足のSketchですが、豊富なプラグイン、軽い使い心地などSketchならではの魅力もありデザイナーの間で話題となっているツールです。
今回は、デザイナーなら入れておきたいSketchのプラグインをまとめてご紹介します。
すでにSketchを使い始めている方はもちろん、興味を持っているという方もぜひ参考にしてみてください。
デザイン作業が捗るSketchプラグインまとめ
1.Sketch Palettes
https://github.com/andrewfiorillo/sketch-palettes
Sketch Palettesは、カラーデータの保存・読み込みができるようになるプラグインです。指定した配色をSketch Palettesファイルで保存することで、他のドキュメントでそのまま使ったり、Sketchを利用しているユーザーにシェアすることができます。いつも決まった配色を使用するという方、複数人で配色を共有したいという方は必見です。
2.Sketch Measure
https://github.com/utom/sketch-measure
Sketchで作成したデザインのオブジェクトの大きさ、マージン、カラーといった情報を調べることができるプラグインです。自動的に測り、レイヤーで書き出してくれます。ショートカット対応ですので、一度慣れてしまえば手軽に操作ができます。エンジニアとのやりとりをおこなう際に便利です。
3.Sketch Page Switch
https://github.com/mauehara/sketch-page-switch
Sketch作業でのページ移動を楽にしたいときに便利なのが、Sketch Page Switchです。通常、ページとページを交互に使う場合移動が面倒に感じてしまいがちですが、このプラグインを導入すればショートカットキーで瞬時に移動が可能となります。
移動を助けてくれるというシンプルな機能ですが、あると結構便利です。複数ページに渡ってデザインをおこなうことが多い方、普段から移動が面倒だという方にはオススメです。
4.Sketch Commands
http://bomberstudios.github.io/sketch-commands/
Sketch Commandsは、色々な機能を備えた総合的なプラグインです。例えば要素を揃えたり、数値を指定してサイズを変更したり、大きさを揃えたり、回転、角丸にしたりという使い方もできます。
これ一つ導入すれば様々な使い方ができて便利ですので、Sketchを利用する幅広い方にぴったりなプラグインです。
5.Sketch Style Inventory
https://github.com/getflourish/Sketch-Style-Inventory
Sketch Style Inventoryを導入すると、スタイルの管理が容易になります。スタイルガイドを他のアートボードに作ったり、スタイルごとにレイヤー選択が可能。また、ドキュメント内の配色、シンボル、テキストスタイルを集めてアートボードに書き出してくれます。
6.Sketch Distributor
https://github.com/pez/sketchdistributor
いくつかのオブジェクトを水平または垂直方向に自動整列してくれるプラグインです。Sketch Distributorを導入すれば、任意の間隔を指定するだけでその値に沿って整列します。制作作業においては、オブジェクトのマージン、幅が変更になる場合もあります。
急に間隔を変更しないといけないというときにこのプラグインを入れておけば、すぐ修正することが可能です。
7.Duplicator
https://github.com/turbobabr/duplicator
Duplicatorは、選択したオブジェクトを水平または垂直方向にリピートするプラグインです。例えばリストアイテム、グリッド、何回も使うデザインのリピートをおこないたい時に便利です。面倒なリピートも一度おこなってくれますので、繰り返し作業を瞬時に完了することができ大幅に時間短縮ができます。
8.AEIconizer
https://github.com/tadija/aeiconizer
アプリアイコンを作成する際に面倒なのが、複数サイズ用意しなければならないことです。
AEIconizerは、作成したデザインから簡単にサイズ別のアイコンが作成できる便利プラグインです。
また、作成したアイコンの確認をする時、他のエクスポート関連プラグインが不要なのも便利な点です。
9.Content Generator for Sketch
https://github.com/timuric/Content-generator-sketch-plugin
Content Generator for Sketchは、デザインでダミーを使用したいときに重宝するプラグインです。
デザイン作業では度々ダミーデータが必要になることがありますが、その都度探していては手間がかかります。
このプラグインを使えば、事前に用意してある仮データ、画像、写真を取得して任意の場所に差し込んでくれます。自然な形でランダムに選択してくれるので作業時間の短縮にも繋がります。
画像はもちろんテキストの当て込みできますので、ダミーの文字を入力するのが面倒な時にも使えます。
10.Rename It
https://github.com/rodi01/RenameIt
意外に手間がかかる作業といえば、レイヤー名の変更です。Rename Itを使えば、面倒なレイヤー名の変換を一括でおこなってくれます。
この他に、連番をつけてくれたり、オブジェクトのサイズに沿って名前をつける、といったことも可能です。
レイヤー名の変更で悩んだときにぜひ使いたいプラグインとなっています。
11.CSSketch
https://github.com/JohnCoates/CSSketch
CSSketchは、その名のとおりSketchで作成したレイアウトをCSS編集することができるプラグインです。
デザインしたレイアウトをCSS形式で編集したい、という方にはぴったりですのでオススメです。
12.Divine Proportions
https://github.com/ichord/sketch-divine-proportions
デザインをおこなう際に考慮したいポイントの一つが、黄金比、1/3ルールといったものです。根拠のあるルールを取り入れることで、美しく仕上げることができます。Divine Proportionsを使えば、これら重要な比率を瞬時に描いてくれます。
重要と分かっていても自分で描くのは面倒ですが、プラグインを導入すればすぐに使えて便利です。
13.Material Design Color Palette
https://github.com/t32k/material-design-color-palette
今やデザインをおこなう上で欠かせないコンセプトといえば、Googleが発表した新しいガイドライン「マテリアルデザイン」です。
Material Design Color Paletteはマテリアルデザインのカラーパレットを作成してくれます。
マテリアルデザインを取り入れたいと思ったときに使えるプラグインです。
14.Sort Lauyers
https://github.com/getflourish/sketch-sort-layers
Sort Lauyersは、選択したレイヤーをソートするプラグインです。レイヤーを多様な方法でソートすることができます。
15.Dynamic Buttons
https://github.com/ddwht/sketch-dynamic-button
様々なアプリ、サービスのUIに必要となるのがボタンです。
一つ一つ作成すると手間がかかりますが、Dynamic Buttonsを使えばボタン作成を手軽におこなうことができます。
具体的には任意のテキストを入力すると、文字に合わせて自動的にボタンの枠を生成し、ボタンパーツが作成できます。ボタンを作ろうと思ったときにぜひ活用したいプラグインです。
16.Prott Sketch Plugin
グッドパッチが開発しているプロトライピングサービス「Prott」に作成デザインを上げるためのプラグインです。
プロトタイプの作成から共有までを簡単にしてくれますので、プロトタイプを作成する機会がある方は必須です。
まとめ
フリーリソース、プラグインがとにかく多いのがSketchの大きな魅力です。
自由に使えるアイコン、テンプレートも揃っていますし、今回ご紹介したような便利なプラグインも多数あります。
Sketchはそのままでも十分使えるツールではありますが、そのシンプルさゆえに物足りなさを感じることもあるかと思います。
デフォルトで足りないと思った機能があればどんどんプラグインを取り入れて補いましょう。気になったプラグインがあれば試してみてはいかがでしょうか。
このニュースを読んだあなたにおすすめ
国内でも注目されつつあるデザインツール「Sketch3」がよく分かる良記事16選
Webデザイナー必見!すぐに使える高品質な無料デザイン素材まとめ
Webデザインに役立つ無料のツール・デザイン集まとめ
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- コンセプト
- コンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。
- Googleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
- プラグイン
- プラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング