すべてのデザイナーに最適な12のAdobeXDプラグイン

デザイン関連のすべての要件について、AdobePhotoshopに依存していた時代がありました。 これで、ユースケースごとに専用のアプリとソフトウェアができました。 UI / UXデザインの場合、市場にはSketch、 フィグマ、InVision、およびAdobeXD。 その中でも、Adobeエコシステムに投資している場合は、AdobeXDが自然な選択になります。 XDプラグインを使用すると、エクスペリエンスを次のレベルに引き上げることができます。

プラグインは、UI / UXソフトウェアで重要な役割を果たします。 これらは、ブラウザの拡張機能を使用する方法と似ています。 Dribbble、Airtable、Starkなどの著名な企業のホストは、オープンプラットフォームが発表されるとすぐに、ツールとサービスをXDに直接導入しました。 AdobeXDに最適なプラグインをいくつか見てみましょう。

ノート： Adobe XDアプリには、プラグインストアがあります。 検索バーでプラグイン名を検索して、デバイスにインストールするだけです。

ガイディングテックについても

1. Trello

最近、在宅勤務が新しい標準になり、多くの企業が プロジェクト管理ソリューション Trello、Asana、Jiraなどの作業を実行します。 デザイナーのチームがTrelloを使用してUI / UXタスクを管理している場合、Trelloはチームにとって必須のプラグインです。

Trelloプラグインを使用すると、デザイナーはXDアセットをTrelloに簡単に送信できるため、AdobeXDを離れることなくアートボードをチームと共有できます。

2. フォトスプラッシュ2

たまに、UIモックアップでロイヤリティフリーの画像を使用したいというポイントに出くわします。 通常のルーチンには、Webで画像を検索し、それをコンピューターにダウンロードして、XDソフトウェアにインポートすることが含まれます。 代わりに、Photosplash 2プラグインを選択して、XDプログラムに直接画像を追加することができます。

3. XDからフラッターへ

最近、GoogleのFlutter言語が開発者の間で人気を集めています。 1行のコードで、iOSとAndroidの両方のアプリを作成できます。 最近の会社 Webアプリのサポートが追加されました 同様に。

XD to Flutterプラグインを使用すると、AdobeXDのデザインに基づいてFlutterでアプリを構築するためのコードを生成できます。 プラグインは、キャンバス上の個々のオブジェクトまたはアートボード全体のいずれかについて、XDで選択された要素のコードを生成します。

XDで変更を加えると、プラグインを再度実行して、生成されたコードを更新できます。

4. UnDraw

モックアップはイラストを使わずに未完成です。 Webで何時間も検索する代わりに、膨大なイラストコレクションを備えたUnDrawプラグインを使用できます。 プラグインには、常に更新される.svgイラストのコレクションが含まれています。これらは完全にカスタマイズ可能であり、商用プロジェクトでも無料で帰属なしで使用できます。

すべてのデザインプロジェクトで使用していますので、ぜひお試しください。

5. UIフェイス

すべてのデザイナーは、UI / UXデザインで使用するためにそれらのプロフィール写真を必要とします。 XD用のUIFacesプラグインは、フィルタリングして完璧なペルソナを作成できる何千ものアバターを集約します。 アバターはさまざまなソースからフィルタリングされます。 年齢、性別、感情などで選択できます。

6. 角度

設計プロジェクトが完了したら、デバイスのモックアップでクライアントにそれを紹介することをお勧めします。 エンジェルモックアッププラグインを使用すると、美しいモックアップを作成して、しっかりとした第一印象を与えることができます。

GTチームは、モックアップと素晴らしいドリブルショットを使用するのが大好きです。 アングルは、すべてのモックアップ愛好家が試さなければならない最も人気のある信じられないほどのプラグインの1つです。

ガイディングテックについても

7. アイコン4デザイン

これは紹介する必要はありません。 すべてのデザイナーは、デザインに実装するために、これらのカラフルでミニマルなアイコンを必要としています。 アイコン4を使用すると、アイコンを名前で検索し、クリックするだけでそれらのアイコンを結果リストに配置して、ベクターベースの完全に編集可能なアイコンを作成できます。

コレクションには、さまざまなスタイルの人気のアイコンコレクションが12個含まれています。 どうぞ、お試しください。 がっかりすることはないと確信しています。

8. Lorem Ipsum

これは、すべての設計者にとってもう1つの重要なプラグインです。 プロジェクト中に、これらの偽のテキストを使用する必要がある場合があります。 Lorem Ipsumは、UIモックアップでテキストを紹介する業界標準の方法です。 要件に基づいてテキストをコピーできる専用のWebサイトがあります。

Lorem Ipsumプラグインを使用すると、AdobeXDプログラムを終了せずにこれらのテキストを簡単に取得できます。

9. 名前を変更する

私たちは皆、レイヤーやアートボードの整理と名前の変更を認めるよりも多くの時間を費やしてきました。 名前の変更すべてのレイヤーの名前を昇順または降順で順番に変更したり、いくつかのレイヤーの名前を変更するよりも短時間でレイヤー名の大文字と小文字を変更したりできます。 単語や文字を見つけて、簡単なキーボードショートカットに置き換えることもできます。

10. ブックマーク

多くのデザインやアートボードを使用していて、特定のアートボードを見つけるのが難しい場合は、ブックマークプラグインを試してください。 このプラグインを使用すると、特定のアートボードをブックマークできます。その特定のブックマークを実行してクリックすると、画面のフォーカスがその特定のアートボードに移動します。

11. ColorSpark

プロジェクト全体を通して、多くのUIデザイナーが色の選択と組み合わせに苦労しているのを見てきました。 より良い意思決定を行うのに役立つ専用のツールがWeb上にあります。 しかし、Adobe XD用のColorSparkは、ランダムな色とグラデーション用の組み込みのカラージェネレーターでそれぞれを打ち負かします。

デザイナーがユニークなカラーパレットを発見し、創造性を刺激するのに役立ちます。

12. スラック

創造的な仕事とチームワークを スラック. デザイナーは、Adobe XDなどのアプリケーションからファイルを簡単に共有およびプレビューし、フィードバックを受け取り、アセットに対して実行されたアクションの最新情報を入手できます。

検索可能な履歴、整理された会話、アプリの統合を備えたSlackプラグインは、コラボレーションを行い、最初から最後までデザインに関する明確で効率的な入力を取得するのに最適な方法です。

ガイディングテックについても

すばらしいUIデザインを作成する

Adobeエコシステムに投資している場合、AdobeXDは完璧なソリューションです。 また、Sketchとは異なり、WindowsとMacの両方で利用でき、いくつかのプロジェクトを試すのに費用はかかりません。 上記のプラグインリストに目を通し、AdobeXDでデザインスキルを磨きましょう。