Adobe XD

【作業効率アップ!】Adobe XDのおすすめプラグインまとめ

今回は、【作業効率アップ!】Adobe XDのおすすめプラグインを紹介していきます!便利なプラグインを取り入れて、制作スピードを効率的に上げていきましょう!

Adobe XDプラグインのインストール方法

インストールは「Adobe XD」内から簡単にインストールすることができます。

①「プラグイン」アイコンをクリック
②「プラス」アイコンをクリック
③「検索」アイコンをクリック

検索窓が表示されますので、お目当てのプラグインを検索しましょう。
また、何かいいプラグインがないかなぁという時は、おすすめのプラグインも表示されていますので、試しに使ってみるのもいいですね!

それでは以下からおすすめのプラグインをご紹介!

unDraw

このサイトでもサムネイルとしてお世話になっているプラグイン「unDraw」なんと、XDプラグインでいつでも呼び出せてしまいます。

UI Faces

ランダム(指定も可)にフリー素材の顔写真を挿入できるプラグイン「UI Faces」。
オブジェクトを選択して、プラグインから素材を取得するサイトを指定してボタンを押すだけ。

Icons 4 Design

アイコンを呼び出せるプラグイン「Icons 4 Design」。検索で呼び出せるかつ、種類も豊富。すでに手放せません。

Quick Mockup

UIキットのようなテンプレートをすぐに呼び出せるプラグイン「Quick Mockup」カテゴリ別に分類されていて、クオリティも高いのでよく呼び出します。

Artboard Plus

アートボードの整列、並び替え、レイヤーのサイズに合わせたアートボードの作成ができるプラグイン「Artboard Plus」

Resize Artboard to Fit Content

アートボード系のプラグインをもう一つご紹介。「Artboard Plus」はレイヤーに合わせてアートボードを作成でき、「Resize Artboard to Fit Content」はアートボードをコンテンツに合わせてリサイズできます。
ショートカット「Control + F」でもリサイズできます。

Rename it

レイヤーやアートボードのリネームに便利なプラグイン「Rename it」レイヤーのサイズや親レイヤーの名前をそのまま、ボタン一つでリネームできます。連番でリネームすることもできます。

Split Rows

まとまった文章を改行ごとに分割できるプラグイン「Split Rows」テーブルのデザイン作成の時とか便利ですね。

Trimlt

テキストボックスがうまくいってなくて、マージンの取り方がうまくいかないといった時に便利なプラグイン「Trimlt」。
テキストに合わせてテキストボックスをリサイズしてくれます。

Swap Fill and Border

レイヤーの塗りと線の色を入れ替えれるプラグイン「Swap Fill and Border」。Photoshopとかでは普通にありますが、Adobe XDではプラグインを入れると便利。

Adjust Size by Shortcut

「Command + 矢印キー」のショートカットでオブジェクトのサイズ変更が可能になるプラグイン「Adjust Size by Shortcut」。
「Command + Shift + 矢印キー」で10px単位のサイズ変更が可能です。

Color Blender

オブジェクトを2つ選択してその中間色を生成できるプラグイン「Color Blender」。プラグインを起動すると、個数を聞かれるので中間色を生成したい枚数を指定しましょう。

Confetti

背景パターンを簡単に作成できるプラグイン「Confetti」。生成する個数の指定をして、透明度や回転、サイズをランダムで生成することができます。
面白い!

Mimic

入力したURLのフォントやカラー情報、画像を一覧にすることができるプラグイン「Mimic」。※WebP画像が使用されている場合は画像取得できないので注意。

最後に

今回は、Adobe XDのおすすめプラグインをご紹介いたしました。
かなりプラグインの数が増えてきているので、まだまだ便利なプラグインが沢山あると思います。是非探してみてください!

プログラミング言語の人気オンラインコース