『Sketch』は、WebサイトやアプリのUI設計に便利なデザインソフトです。日本にも本格的に浸透してきましたが、その理由はWebデザインに最適なツールが揃っている方。今回は、『Sketch』をより便利にするためのプラグインを40個ご紹介します。
1.Looper
複製、回転、エフェクトを簡単にかけることができます。非線形なデザインを生み出すのにぴったりです。
2.Craft by InVision
UI / UXデザイナーに必要不可欠なツール、『Craft』。
『Photoshop』用と『Sketch』用があります。面倒な作業を自動化し、よりリアリティのあるサンプルを作り出すことで、デザインのワークフローを合理化します。
3.Confetti
ワンクリックで華やかな紙吹雪のパターンを生成します。
4.Magic Mirror2
『Sketch』で、『Photoshop』のスマートオブジェクトのようなイメージを作成します。
5.Map Generator
『Google Maps』を使用し、レイヤー内にマップを埋めるためのプラグインです。
モバイルアプリケーションやWebサイトのマップビューを簡単にデザインできます。
少しの工数でマップを表示します。
Map Generator
6.Compo
『Compo』は、インターフェースコンポーネントを扱いやすくします。
『Compo』では、⌘Jを押すだけで、テキストレイヤーをボタンに変えたり、既存のコンポーネントを整列させることができます。
『Compo』は、『State Machine』で使用できます。
7.Slinky
作ったデザインをHTML電子メールテンプレートとしてエクスポートします。
8.Fluid
より制約に基づいたレスポンシブなデザインを作成するために、各デバイスの制約に基づいたデザインの提案をします。
9.Auto Layout
レスポンシブなデザインを叶えるツール。
iPhoneサイズかiPadサイズかなど、定義や表示を再現するプラグインです。
10.Launchpad
『Launchpad』を使用すると、『Sketch』ひとつでWeb上にレスポンシブサイトを公開することができます。
コードを書かずに、サイトを作れます。
11.CSSketch
『CSSketch』は『Sketch 3』のプラグインです。デザイン作業でレイアウト、または色や影を簡単に変更するため、スタイルシートを用いて変更することができます。
SASSや{less}にもサポートしており、関数や変数が使用可能です。
関数や変数を使用することで、ワークフローをより効率的にすることができます。
12.Social Artboards
主要なSNSで一般的に使用する画像サイズを、アートボードプリセットに追加する『Sketch App』用のプラグインです。
13.Day Player
『Sketch『ドキュメントに、カスタマイズされたダミー画像を挿入ができます。
14.Find and replace
選択したレイヤーと、その中に含まれるすべてのレイヤーのテキストを検索します。
検索したテキストを、別のテキストに置き換えます。
検索は部分的、大文字と小文字を区別し、完全な文書マッチングが可能です。
15.FlipSize
『FlipSize』はアートボード、レイヤー、シェイプの幅と高さを入れ替えるプラグインです。
16.Pixel Perfector
これは、X・Y・幅・高さなどの数値指定をコンピューターが処理できない数値を指定した場合、そのレイヤーを割り出すシンプルなプラグインです。
ドキュメントをきれいに保ち、設計仕様を正確に保ちます。
17. Random sizing
選択した要素の幅または高さをランダムにサイズ変更する『Sketch 3』のプラグインです。
『Duplicator』のような他のプラグインと組み合わせることで、ランダムな価格のグラフやチャートをシミュレートするのに便利です。
18.Remove All Disabled Styles
現在選択されているレイヤーから、無効なスタイルをすべて削除するシンプルなプラグインです。
使用していないスタイルを取り除くのに便利です。有効なスタイルは削除しません。（[]付きのスタイルのみ消去します）
19.Rename It
一度に複数のレイヤーの名前を変更します。
ちなみに、「プラグイン – >名前の変更 – >選択したレイヤーの名前を変更する」または、「^ +⌘+ R」のショートカットを使用してアクセスできます。
（Plugins -> Rename It -> Rename Selected Layers or use the shortcut ⌃+⌘+R）
20.Repeat Objects
オブジェクトを、簡単にすべてのアートボードに複製します。
21.Lorem-Ipsum
これは、Sketchでダミーテキストを簡単に作成します。
22.Sketch Icon Stamper
フルサイズのデータから、自動的に複数アイコンのサイズを作成します。
23.Runner
Runnerは、毎日のワークフローに直感的インターフェイスを提供します。
Sketchで行う無駄な作業を減らし、メニューを開いて操作する必要をなくします。
24.Select Child Layers
グループのすべての子レイヤーを選択します。
25.Sketchy Pies
円のレイヤーを、円グラフに変換します！
26.Sort Me
レイヤーリスト上のアートボードを、アルファベット順に並べ替えます。
27.Content Generator
『Content Generator』を使用すると、アバター、名前、地理位置データなどのダミーデータを簡単に作成できます。
28.Measure
レイヤーのエフェクトをRectへエクスポートします。
29.Sketch Search Everywhere
レイヤーを検索して選択します。
30.Sync to Slides
スケッチのアートボードをGoogleスライドへ同期させます。
31.Appalette
ほとんどのアプリのカラーパレットを見つけることができます。
32.Sketch Move Half Pixel
レイヤーを半ピクセル移動します。
33.Skatter
非常に基本的な機能ですが、シェイプからパターンを作成するためのツールを備えています。
34.IconFlower
葉の配列をパターン化させます。
アイコン、画像、形状を整理し、 たとえばヒマワリの葉の配置パターンなどを作成します。
35.Sketch Plugin Manager
『Sketch Plugin Manager』はGitの機能を使って、インストールされているすべてのプラグインを最新の状態に保ちます。
36.Bootstrap grid
レイヤーにブートストラップグリッドを挿入します。
37.Cleanup Useless Groups
空のグループを削除し、レイヤリストをクリーンアップします。
38.Nudge Corner Radius
簡単なキーボードショートカットを使用して、レイヤーの角の半径を簡単に変更します。
39.Spell Check Whole Page
すべてページの中にあるレイヤーのスペルをチェックします。
ベーシックなスペルチェッカーです。
40.Sketch Import Symbols
別のSketchファイルから、簡単にシンボルをインポートします。
使えそうなプラグインはありましたか？
チームのメンバーにも、ぜひ共有してください。
（翻訳：Yuri Tanaka）
人気のフリーランス・副業求人
【リモートワークOK】大手からスタートアップまで、幅広い領域でユーザー体験を担うデザイナー/アートディレクター募集！
- #副業OK
- #新規事業
- #スタートアップ
- #急募
- #長期案件
- #スポット案件（1ヶ月）
- #フルリモートOK
職種：デザイナー
時給：2,500円 〜 4,000円
働き方：どちらでも可
エリア：東京都
【リモート可】【子育てママ歓迎】IoTサービスで世界中の家族を幸せに。アプリデザイナー(スマホ・タブレット) /Webデザイナー募集
- #スタートアップ
職種：デザイナー
時給：2,000円 〜
働き方：どちらでも可
エリア：東京都
【リモートOK】アート・エンタメ×ITでイノベーションを！新規事業のデザイナー募集！
- #スタートアップ
- #土日週末OK
- #急募
- #長期案件
- #正社員募集
- #フルリモートOK
職種：デザイナー
時給：5,000円 〜 8,000円
働き方：どちらでも可
エリア：東京都
All the design inspiration you need. It’s like crack for designers. And good for you too!
この記事はMuzliからの転載です。配信元または著者とコンテンツ契約を結び配信しています。
40 Powerful plugins for sketch
