最高のスケッチプラグインの50の究極のリスト

Sketchはデザイン市場を席巻しました。 彼らは公式の番号を公表していませんが、あなたが参加したり話したりするほとんどすべてのデザインチームがSketchについてある程度知っているか使用していることは明らかです。

Sketchの最も強力な側面の1つは、活気のある開発者コミュニティと、Sketch用に構築された素晴らしいプラグインのセットです。 Sketchプラグインを使用すると、ゴージャスな3Dイラストやユニークなアニメーションを数秒で作成できます。

調査にかかる時間を節約するために、50の最高のSketchプラグインのリストを集めました。 以下のカテゴリ別に整理しました。

スケッチプラグインマネージャー
コラボレーションスケッチプラグイン
コンテンツおよびオブジェクトジェネレータプラグイン
エクスポートおよびフロントエンド開発プラグイン
レイヤー管理プラグイン
ユーティリティ

スケッチプラグインマネージャー

これらの4つのSketchプラグインの1つをインストールすることから始める必要があります。 プラグインを効率的に管理および実行するのに役立ちます。

スケッチパック

Sketchプラグインのブラウザー、マネージャー、および自動アップデーター。 Sketch Packは、プラグインのバージョンをロックしてSketchを更新する際に、予期しない互換性の問題からも保護します。

スケッチランナー

http://sketchrunner.com/

Sketch Runnerは、SketchのSpotlightまたはAlfredです。 これは、キーボードからSketchコマンドを実行できる強力なSketchプラグインです。 また、他のプラグインをインストールして管理するプラグインでもあります。

スケッチプラグインマネージャー

ここからプラグインをダウンロードします：https：//mludowise.github.io/Sketch-Plugin-Manager/

これは、プラグインのテストと管理に関して便利な4つのプラグインの3番目です。 Gitを使用してすべてのプラグインを管理し、最新の状態に保ちます。

スケッチツールボックス

ここからプラグインをダウンロードします：http：//sketchtoolbox.com/

Sketch Toolboxは、すべてのSketchプラグインを管理、インストール、および更新するのに役立つもう1つのオプションです。

これら4つのプラグインをすべて試す必要がありますが、私のお気に入りのプラグインはSketch Runnerです。これは、プラグインの管理以上のものを提供します。 慣れれば、それなしでSketchを使うことは想像できません。

コラボレーションスケッチプラグイン

プラグインマネージャーを選んだら、ファイルの管理、友達とのコラボレーション、フィードバックの収集などを可能にするSketchコラボレーションプラグインに飛び乗ってみましょう。

ゼロハイト

ここからプラグインをダウンロードします：https：//zeroheight.com/

Zero Heightは、アセットライブラリとスタイルガイドを作成し、他のデザイナーとコラボレーションし、クラウド内ですべてを同期させることができる外部の無料プラグインです。

鎖

ここからプラグインをダウンロードします：https：//github.com/lalomts/Chain

チェーンは、巨大なファイルの色の変更に関しては優れたプラグインです。 このSketchプラグインは、Sketchで動的な色の関係を作成し、その場でグローバルに色を変更する可能性を提供します。

カクタス

ここからプラグインをダウンロードします：https：//kactus.io/

Kaktusは、設計バージョン管理拡張機能です。 それはあなたのファイルを管理し、あなたをチーム全体と同期させ続けます。

概要

ここからプラグインをダウンロードします：https：//www.goabstract.com/

このプラグインはデザイナー向けのGitです。 プロジェクト全体を管理し、他のデザイナーとコラボレーションすることができます。 Sketchファイルのバージョン管理が可能で、Slackと統合されており、Sketchを使用していないクライアントからフィードバックを収集できます。

InVisionによるクラフト

ここからプラグインをダウンロードします：https：//www.invisionapp.com/craft

最も人気のあるSketch拡張機能の1つであるCraftは、コンテンツジェネレーターからフィードバックコレクター、プロトタイピングツールまで、さまざまなプラグインのセットを提供します。 lorem ipsumコンテンツを追加する代わりに、Webサイトから実際のコンテンツを取得できます。 ストックWebサイトを検索してユーザーアバターを追加する代わりに、Craftから直接実行できます。 ランダムな電話番号を作成する代わりに、それらを生成することができます。

これらは、Craftがどのように機能するかのほんの一例です。 Craftについてもっと知りたい場合は、Toptal DesignerBreeChapinによるこの記事を必ず読んでください。

コンテンツおよびオブジェクトジェネレータプラグイン

スケッチ素材

ここからプラグインをダウンロードします：https：//websiddu.github.io/sketch-material/

このSketchプラグインを使用すると、Googleマテリアルデザインシステムから任意のコンポーネントを生成できます。

ブートストラップグリッド

ここからプラグインをダウンロードします：https：//github.com/De-La-Vega/BootstrapGrid

このSketchプラグインは、Sketchファイル内にブートストラップグリッドを生成します。 あなたがしなければならないのは長方形を描くことだけであり、プラグインはその中にグリッドを作成します。

7列のカレンダー

ここからプラグインをダウンロードします：https：//www.ls.graphics/

7列のカレンダーは、任意の7列のカレンダーを生成します。 これは間違いなく私のお気に入りのプラグインの1つです。 カレンダーをデザインする必要がある場合は、多くの時間を節約できます。

ユーザーフロー

ここからプラグインをダウンロードします：https：//abynim.github.io/UserFlows/

ユーザーフロー図の生成は、UserFlowsSketchプラグインを使用した簡単な方法です。

ルーパー

ここからプラグインをダウンロードします：http：//sureskumar.com/looper/

私の個人的なお気に入りの1つであるこのプラグインは、図形やグループを複製することで、心を曲げるイラストを生成します。 これを使用して、バナー、ポスター、パターン、抽象的な背景など、さまざまな種類のイラストを作成できます。 Looperについて詳しくは、こちらをご覧ください。

紙吹雪

ここからプラグインをダウンロードします：http：//www.sketchconfetti.com/

このSketchプラグインは、ワンクリックでオブジェクトとレイヤーから紙吹雪を生成します。

アイコンフラワー

ここからプラグインをダウンロードします：https：//github.com/avadhbsd/IconFlower

これにより、アイコンが葉序パターンですぐに配置されます。

スキャッター

ここからプラグインをダウンロードします：https：//github.com/joshdjuric/Skatter

ランダム化されたパターンを作成するためのもう1つの優れたSketchプラグイン。 いくつかの単純な形状を作成するだけで、Skatterはそれらを美しいパターンに変えます。

ブレンダー

ここからプラグインをダウンロードします：https：//github.com/bunnieabc/Blender

この新しいSketch拡張機能は、2つの形状をブレンドし、それらの間に美しいグラデーションを作成します。

マップジェネレータ

ここからプラグインをダウンロードします：https：//github.com/eddiesigner/sketch-map-generator

デザインのマップのスクリーンショットにうんざりしている場合は、このプラグインを気に入るはずです。 長方形を描き、場所を入力し、Snazzy Mapsからスタイルをコピーすると、MapGeneratorが残りの作業を行います。

大ざっぱなパイ

ここからプラグインをダウンロードします：https：//github.com/longzheng/sketch-randomSize

スケッチは円グラフを作成するための最良のツールではありません…しかし、ここにスケッチパイがあります。 円グラフまたは円グラフを作成するこのSketchプラグイン。

ランダムサイジング

ここからプラグインをダウンロードします：https：//github.com/longzheng/sketch-randomSize

チャートを作成するためのもう1つの優れたSketch拡張機能。 このプラグインを使用して任意の形状寸法をランダム化して、棒グラフを作成できます。

エクスポートおよびフロントエンド開発プラグイン

これらのプラグインを使用すると、コーディングスキルがなくても、HTML / CSSファイル、Webサイト全体、またはコーディングされたニュースレターを公開できます。 さらに、これらの拡張機能の一部は、Sketchを使用しない開発チーム用のファイルを生成します。

発射台

ここからプラグインをダウンロードします：https：//launchpad.animaapp.com/

Sketch内で直接コードの知識がなくてもすぐに使えるWebサイトを公開できる優れたSketchプラグイン。

スリンキー

ここからプラグインをダウンロードします：https：//launchpad.animaapp.com/

次回、クライアントから電子メールテンプレートでの作業を依頼された場合は、このプラグインをダウンロードしてください。 レスポンシブなHTML対応コードを使用してメールテンプレートを簡単に作成するのに役立ちます。

スライドに同期する

ここからプラグインをダウンロードします：https：//www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

オンラインプレゼンテーションで作業する人のための素晴らしいSketchプラグイン。 スケッチアートボードをGoogleスライドに同期します。

測定

ここからプラグインをダウンロードします：http：//utom.design/measure/

設計ファイルを開発チームに渡す必要がある場合、Measureは最適です。 すべての寸法にマークを付け、デザイン全体を含むHTMLファイルを生成するため、Sketchを使用しない開発者は簡単に開くことができます。

マーケッチ

ここからプラグインをダウンロードします：https：//github.com/tudou527/marketch

開発チームとコラボレーションするときに便利になるもう1つのプラグイン。 デザインを含むHTMLファイルを生成し、すべてのレイヤーのCSSスタイルをコピーできます。

レイヤー管理プラグイン

これらのプラグインは、巨大なデザインファイルを管理するときに非常に役立ちます。 これらを使用すると、Sketchレイヤーをクリーンアップ、名前変更、削除、または検索できます。 絵文字を使用してファイルを管理することもできます。

RenameIt

ここからプラグインをダウンロードします：https：//github.com/rodi01/RenameIt

このSketchプラグインを使用すると、複数のレイヤーを選択して1つのショートカットを使用することで、一度に複数のレイヤーの名前を変更できます。

役に立たないグループのクリーンアップ

ここからプラグインをダウンロードします：https：//github.com/bomberstudios/Cleanup-Useless-Groups

あなたが速く働いているとき、あなたは空のグループで終わるかもしれません。 このSketchプラグインは、役に立たない（重複または空の）グループをすべて削除することで問題を解決します。

おなじみのレイヤーを選択

ここからプラグインをダウンロードします：https：//github.com/wonderbit/sketch-select-similar-layers

Adobe Illustratorの「類似オブジェクトの選択」機能に精通していて、Sketchでそれを見逃している場合は、このプラグインを気に入るはずです。 このプラグインを使用すると、同じ塗りつぶしの色、境界線の色、フォントサイズ、ブレンディングモードなどのレイヤーを選択できます。

スケッチアートボードマネージャー

ここからプラグインをダウンロードします：https：//github.com/bomberstudios/artboard-manager

アートボードマネージャーは、アートボードを行と列にスナップし、それらの位置を配置します。

どこでもスケッチ検索

ここからプラグインをダウンロードします：https：//github.com/MrPeak/sketch-search-everywhere

このSketchプラグインを使用すると、名前を入力するだけで任意のレイヤーを見つけることができます。

並べ替え

ここからプラグインをダウンロードします：https：//github.com/romashamin/sort-me-sketch

この小さなSketchプラグインは、1つのキーボードショートカットでレイヤーまたはアートボードを並べ替えます。

レイヤーの切り替え

ここからプラグインをダウンロードします：https：//github.com/joshwayne/jw-sketch-plugins

レイヤー名の絵文字と組み合わせて、目の絵文字で提供されるレイヤーの表示を切り替えることができる優れたプラグイン。

ユーティリティ

これらのSketchプラグインは、主に基本的なSketch機能を拡張するか、よりアクセスしやすくします。

マジックミラー3

ここからプラグインをダウンロードします：http：//magicsketch.io/mirror/

Photoshopからの遠近法変換を見逃した場合、このSketchプラグインは必須です。 スケッチレイヤーを破壊することなく、遠近法で変換することができます。

スターク

ここからプラグインをダウンロードします：http：//www.getstark.co/

プロジェクトのアクセシビリティを気にする場合は、必須のプラグインです。 これは、色覚異常のシミュレーターおよびコントラストチェッカーです。

便利なツール

ここからプラグインをダウンロードします：https：//github.com/webpatch/Handy-Tools

便利なツールは、レイヤーの配置、間隔、レイヤーの表示の切り替えなどの一連の機能を提供します。

コーナー半径を微調整

ここからプラグインをダウンロードします：https：//github.com/DWilliames/nudge-corner-radius-sketch-plugin

このプラグインを使用すると、キーボードからコーナー半径を変更できます。

シンボルのインポート

ここからプラグインをダウンロードします：https：//github.com/kmerc/sketch-import-symbols

複数のSketchファイルで作業している場合は、このプラグインを確認することをお勧めします。 あるスケッチファイルから別のスケッチファイルにすべてのシンボルをインポートします。

ハーフピクセルを移動

ここからプラグインをダウンロードします：https：//github.com/canisminor1990/sketch-move-half-pixel

Sketch内のオブジェクトを0.5ピクセル移動したい場合があります。これは、このプラグインを使用した簡単な方法です。

テキストプラグイン

ここからプラグインをダウンロードします：https：//github.com/joshwayne/jw-sketch-plugins

これらの2つのプラグインを使用すると、複数のテキストレイヤーを1つのテキストフィールドに結合したり、1つのテキストフィールドを別々のレイヤーに分割したりできます。

アパレット

ここからプラグインをダウンロードします：https：//github.com/Carlosarturo28/Appalette

Appaletteは、Dropbox、Facebook、Airbnbなどの多くの人気アプリからカラーパレットをダウンロードします。

すべてのレイヤーのスペルチェック

ここからプラグインをダウンロードします：https：//github.com/Tallwave/sketch-spellcheck-all-layers

私のお気に入りのスケッチプラグインの1つ。 ファイル全体のタイプミスをチェックします。

自動レイアウト

ここからプラグインをダウンロードします：https：//animaapp.github.io/

このプラグインを説明する4つの言葉：デザイナーのためのレスポンシブデザイン。

体液

ここからプラグインをダウンロードします：https：//github.com/matt-curtis/Fluid-for-Sketch

制約に基づいてレスポンシブアートボードを作成できる複雑なプラグイン。

コンポ

ここからプラグインをダウンロードします：https：//github.com/romashamin/compo-sketch

このSketchプラグインを使用すると、次のレベルの動的コンポーネントを作成できます。

FlipSize

ここからプラグインをダウンロードします：https：//github.com/apertureless/sketch-flip-size

1つのショートカットでオブジェクトの幅と高さを切り替える小さなSketchプラグイン。

ピクセルパーフェクター

ここからプラグインをダウンロードします：https：//github.com/swiadek/pixel-perfecter-sketch-plugin

このシンプルなSketchプラグインを使用すると、レイヤーの寸法が壊れることを回避できます。

アイコンスタンパー

ここからプラグインをダウンロードします：https：//github.com/tylergaw/icon-stamper

さまざまなサイズのアイコンを生成するSketchプラグイン。

ソーシャルアートボード

ここからプラグインをダウンロードします：https：//github.com/herrhelms/social-artboards-sketch

ソーシャルメディア画像をたくさん作成する場合、このSketchプラグインは、さまざまなサイズのアートボードを生成することで、時間を大幅に節約します。

検索して置換

ここからプラグインをダウンロードします：https：//github.com/thierryc/Sketch-Find-And-Replace

このSketchプラグインを使用すると、ファイル内のテキストを検索して置き換えることができます。

•••

Toptal Designブログでさらに読む：

• eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）
• 製品設計における人間中心の設計の重要性
• 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
• モバイルインターフェースのヒューリスティック原則
• 予測的デザイン：魔法のユーザーエクスペリエンスを作成する方法