Sketchはデザイン市場を席巻しました。公式の問題はリリースされていませんが、参加または知っているほとんどすべての設計チームがSketchをある程度知っているか、使用していることは明らかです。

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

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

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

Sketchプラグインマネージャー

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

スケッチパッケージ

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

Sketchプラグインエクスプローラー、マネージャー、自動アップデーター。 Sketchパッケージは、プラグインのバージョンをブロックすることでSketchを更新するときに、予期しない互換性の問題も回避します。

スケッチランナー

http://sketchrunner.com/

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

Sketchプラグインマネージャー

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

これは、プラグインをテストおよび管理するときに役立つ4つのプラグインの3番目です。 Gitを使用してすべてのプラグインを管理し、最新の状態に保ちます。

スケッチツールボックス

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

フレームワークの作り方

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

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

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

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

高さゼロ

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

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

鎖

ここからプラグインをダウンロードします。 https://lalomrtnz.github.io/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についてもっと知りたい場合は、間違いなく ApeeScapeデザイナーのBreeChapinによるこの記事を読む 。

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

スケッチ素材

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

awsアソシエイトソリューションアーキテクト認定

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

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

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

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

7列カレンダー

ここからプラグインをダウンロードします。 https://freedesignresources.net/7-columns-calendar-creator

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

ユーザーフロー

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

ユーザーフローチャートの生成は、User FlowsSketchプラグインで簡単に行えます。

ルーパー

ここからプラグインをダウンロードします。 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

デザインのマップをキャプチャするのにうんざりしている場合は、このプラグインを気に入るはずです。長方形を描き、その場所を書き、のスタイルをコピーします おしゃれな地図 、およびMapGeneratorが残りの作業を行います。

大ざっぱな足

ここからプラグインをダウンロードします。 https://github.com/abynim/sketchy-pies

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

ランダムサイジング

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

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

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

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

発射台

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

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

スリンキー

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

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

スライドに同期する

ここからプラグインをダウンロードします。 https://websiddu.github.io/sync-to-slides/

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

測定する

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

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

マーケッチ

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

開発チームと共同作業するときのもう1つの便利なプラグイン。レイアウトを含むHTMLファイルを生成し、すべてのレイヤーからCSSスタイルをコピーできるようにします。

レイヤー管理プラグイン

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

RenameIt

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

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

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

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

nodejsはすべてのブラウザで機能しますか

あなたが速く働くとき、あなたは空のグループで終わることができます。この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プラグインは、キーボードショートカットを使用してレイヤーまたはアートボードを分類します。

レイヤーの切り替え

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

と組み合わせて、それを補完する素晴らしい レイヤー名の絵文字 、目の絵文字で提供されるレイヤーの表示を切り替えることができます）。

ユーティリティ

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

マジックミラー3

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

グーグルクラウド自然言語API

PhotoshopのPerspectiveTransformを見逃した場合は、この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つのテキストフィールドに結合したり、テキストフィールドを別々のレイヤーに分割したりできます。

アパレット

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

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

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

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

私のお気に入りのSketchプラグインの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

ショートカットでオブジェクトの幅と高さを変更する小さな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プラグインを使用すると、ファイル内のテキストを検索して置き換えることができます。