Sketchはデザイン市場を席巻しました。公式の問題はリリースされていませんが、参加または知っているほとんどすべての設計チームがSketchをある程度知っているか、使用していることは明らかです。
Sketchの最も強力な側面の1つは、開発者の活発なコミュニティと、Sketch用に作成された素晴らしいプラグインのセットです。 Sketchプラグインを使用すると、ゴージャスな3Dイラストやユニークなアニメーションを数秒で作成できます。
調査にかかる時間を節約するために、50の最高のSketchプラグインのリストをまとめました。以下のカテゴリ別に整理しました。
Sketchプラグインマネージャー
コラボレーションスケッチプラグイン
コンテンツおよびオブジェクトジェネレータプラグイン
エクスポートおよびフロントエンド開発プラグイン
レイヤー管理プラグイン
ユーティリティ
これらの4つのSketchプラグインのいずれかをインストールすることから始める必要があります。プラグインを効率的に管理および実行するのに役立ちます。
ここからプラグインをダウンロードします。 https://sketchpacks.com/
Sketchプラグインエクスプローラー、マネージャー、自動アップデーター。 Sketchパッケージは、プラグインのバージョンをブロックすることでSketchを更新するときに、予期しない互換性の問題も回避します。
SpotlightのSketchRunnerまたはSketchのAlfred。これは、キーボードから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を使用していないクライアントからフィードバックを収集できます。
ここからプラグインをダウンロードします。 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ファイル内にブートストラップネットワークを生成します。あなたがしなければならないのは長方形を描くことだけであり、プラグインはその中にグリッドを作成します。
ここからプラグインをダウンロードします。 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スタイルをコピーできるようにします。
これらのプラグインは、大きなデザインファイルを管理するときに非常に便利です。スケッチレイヤーをクリーンアップ、名前変更、削除、または検索できます。絵文字を使用して ファイルを管理する 。
ここからプラグインをダウンロードします。 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機能を拡張するか、よりアクセスしやすくします。
ここからプラグインをダウンロードします。 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プラグインを使用すると、別のレベルの動的コンポーネントを作成できます。
ここからプラグインをダウンロードします。 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プラグインを使用すると、ファイル内のテキストを検索して置き換えることができます。