UIデザイナーのための30の無料のPhotoshopプラグイン
公開: 2022-01-11Photoshopは、素晴らしいUIデザインを作成するのに役立つ優れたツールです。 しかし、Photoshopと同じくらい強力ですが、特定のことを達成するには時間がかかることは否定できません。 それに加えて、同じデザインファイルで他の人と共同作業する必要がある場合があります。これには注意が必要です。
そこで、Photoshopプラグインが役に立ちます。 それらはあなたのワークフローをスピードアップして改善します、そしてこの投稿では、UIデザイナーのための最高のPhotoshopプラグインを集めました。
写真家向けの無料のPhotoshopプラグインのこのコレクションもお気に召すかもしれません。
Photoshopレイヤーのインク仕様
このプラグインのおかげで、タイポグラフィからエフェクトやシェイプサイズまで、レイヤーをドキュメント化することで、チームの他のメンバーにモックアップに関する非常に重要な情報をすばやく提供できます。
CSS3P
このプラグインを使用すると、PhotoshopレイヤーをCSSに簡単に変換できます。 プラグインは、テキストレイヤー、境界線半径、グラデーションオーバーレイなどをサポートします。 ボタンをクリックするだけで、プラグインが必要なCSSを生成します。
TitlemizerPhotoshopプラグイン(Envato Elements)
このプレミアムプラグインは、ランダムに関連するタイトル、リード、テキスト、日付、およびユーザー名を生成します。 プラグインは、テクノロジー、経済学、政治の3つのテーマカテゴリで、英語、ウクライナ語、ロシア語のテキスト生成をサポートしています。
ズームツール
デザインの詳細を確認する必要がある場合は、ズームツールプラグインが便利です。 プラグインは、デザイン領域を実際のサイズとデバイス領域の2倍のサイズにスケーリングすることをサポートします。 Retinaスクリーンに最適です!
PhotoshopHTMLブロック
このプラグインを使用すると、デザインからHTMLおよびCSSコードをすばやく生成できます。 プラグインは、生成されたコードをPhotoshopの特別なブロック内に配置します。
スライスメーカー
Slice Makerを使用すると、AndroidのDPIアセットを簡単に作成できます。 このPhotoshop拡張機能は、すべての面倒な作業を行い、エクスポート前に生成された各画像を制御できます。
シームレスパターン作成キット(Envato Elements)
パターンはあらゆるデザインを豊かにすることができ、このプラグインの助けを借りて、ボタンをクリックするだけでシームレスなパターンを簡単に作成できます。 パターンを作成する前に、パターンを簡単にプレビューできます。
フォントファインダー
デザインで多くのフォントを使用している場合、どのフォントがどのレイヤーで使用されているかを見つけるのは面倒です。 このプラグインを使用すると、使用するフォントでレイヤーをすばやく識別して選択できるため、レイヤーを更新できます。

FontAwesomePS
FontAwesomeアイコンは最も人気のあるアイコンセットの1つであり、このPhotoshopプラグインを使用して、簡単にデザインに追加できるようになりました。
LoucaUIキット(Envato Elements)
このUI要素の大規模なパックには、Photoshop専用に作成された印象的な180ブロックが含まれています。 すべての要素はベクターベースであり、よく整理されたレイヤーを使用します。
ブラウザレイアウトラッパー
Photoshopのデザインをエクスポートせずにブラウザでどのように表示するかを知りたいと思ったことはありませんか? このプラグインを使用すると、Photoshopドキュメントをキャプチャして、Safari内のブラウザウィンドウに変換できるため、簡単になります。
Photoshopプラグインを作成する
このプラグインのおかげで、PhotoshopのデザインをInVisionに簡単に同期して、より優れた、より高速なプロトタイピングを行うことができます。 これにより、設計環境内での設計、プロトタイプ作成、およびコラボレーションが可能になるため、ワークフローを大幅に高速化できます。
PSDのすべてのテキストをエクスポート
このプラグインを使用して、Photoshopファイル内のすべてのテキストをプレーンテキストファイルにエクスポートします。 これは、実際のコピーで作業している場合や、テキストを別の言語に翻訳する必要がある場合に便利です。
琥珀色のUIキット(Envato Elements)
このモダンでミニマルなUIキットはPhotoshopで使用できます。 12列のレイアウト、1,000を超えるアイコン、および美しいWebサイトのモックアップを作成できるようにする多数の要素が含まれています。
2xScaler
このプラグインを使用すると、Retina画面でデザインがどのように表示されるかをすばやく確認できます。 プラグインは、品質を損なうことなくデザインを2倍にスケーリングします。
レイヤーズコントロール2
このプラグインの助けを借りて、あなたはあなたのやることリストのそれらの最終的な編集を簡単に消すことができるでしょう。 プラグインには、レイヤーの名前変更、未使用のエフェクトの削除、空のレイヤーの削除などに役立つ7つのスクリプトが含まれています。
Griddify
このプラグインを使用して、Photoshopでカスタムグリッドを作成します。 このプラグインを使用すると、Photoshop内のガイドを使用して、垂直方向のリズムを作成したり、ガターを設定したり、その他のクールなことを実行したりすることもできます。
WeDotワイヤーフレームUIキット(Envato Elements)
WeDotは、170以上のテンプレートを含むPhotoshop用のプレミアムUIキットであるため、あらゆる種類のWebサイトまたはアプリをわずか数分ですばやくプロトタイプ化または設計できます。
EasyMockupsプラグイン
この無料のPhotoshopプラグインを使用すると、アプリのプロトタイプを簡単に作成して、アプリのデザインを披露することができます。 プラグインには、選択可能な10個のモックアップが付属しています。
IsometrIconジェネレーター
このプラグインを使用して、一般的なPhotoshopの形状をアイソメ図に変換します。 プラグインには4つの異なる変換が付属しており、キューブを生成することもできます。
Photoshop用の作曲家
レイヤーコンプは、デザインにより多くのコンテキストを提供するのに役立ちますが、更新するのが面倒な場合があります。 このプラグインを使用すると、ボタンをクリックするだけですべてのレイヤーコンプを簡単に更新できます。
ペーパーワイヤーフレームキット(Envato Elements)
この紙のワイヤーフレームキットを使用すると、プロジェクト用のクリーンで印象的なワイヤーフレームを簡単に作成できます。 このキットは、EnvatoElementsサブスクリプションの一部として利用できます。
ロングシャドウジェネレーター
長い影は今や大流行しており、このプラグインの助けを借りて、いつでも好きなときにすばやく影を生成することができます。 プラグインを使用すると、シャドウの不透明度と長さを完全に制御できます。
ゲーム開発者向けのエクスポーター
このプラグインは、高度なエクスポートオプションが必要な人に最適です。 高度なエクスポートタスクのために、レイヤーコンプ、マスク、およびアクションの組み合わせ機能を提供します。
エスプレッソ
3Dアーティストの場合、このプラグインが便利です。 これを使用すると、低速で反復的でエラーが発生しやすいタスクを高速化する一連のユーティリティパネルが提供されるため、ワークフローを大幅に改善できます。
SuperPNG
デザインをPNGファイルとして頻繁にエクスポートする場合は、このプラグインを使用してください。 PNGのエクスポートをより細かく制御し、アルファチャネル処理をより適切にサポートします。
ピクセルからベクタージェネレーター
この小さなプラグインは、最も人気のあるPhotoshopプラグインの1つです。 優れた機能を提供します。ピクセル形状をベクトル形状に簡単に変換できるため、品質を損なうことなくサイズを変更したり操作したりできます。
Velositeyバージョン2
このプラグインは、Photoshop内でWebサイトのモックアップを簡単に作成するのに役立ちます。 プラグインは軽量で、ボタンをクリックするだけで列数や既成のレイアウトなどを指定できるため、ワークフローが高速化されます。
シームレステクスチャジェネレータ
写真からシームレスなテクスチャをすばやく作成したいと思ったことはありませんか? この拡張機能は、まさにそれを行うのに役立ちます。さらに良いことに、手動で行うのに必要な時間の何分の1かでそれを行うことができます。
RenamyCCプラグイン
レイヤーの名前を1つずつ変更するには時間がかかります。このプラグインを使用すると、複数のプラグインの名前を同時に簡単に変更できるため、この問題が解決されます。
サイズマーク
ドキュメントまたはデザインの特定の要素がどのサイズであるかをもう一度考えないでください。 このプラグインを使用すると、Photoshopドキュメントにサイズマークを簡単に追加できます。
反復的なタスクを排除しようとしているか、ワークフローを高速化しようとしているかにかかわらず、特定のタスクをより効率的に達成するのに役立つPhotoshopプラグインがあります。
このリストからPhotoshopプラグインを購入して、複数のレイヤーの名前をすばやく変更したり、PNGエクスポートをより適切に制御したりできます。