駆け出しUIデザイナーが入れておくべきXDプラグイン5選[2020年12月現在] | Dev Driven 開発・デザインチーム 駆け出しUIデザイナーが入れておくべきXDプラグイン5選[2020年12月現在] | 働くひとと組織の健康を創る iCARE

BLOG

駆け出しUIデザイナーが入れておくべきXDプラグイン5選[2020年12月現在]

nozaki
2020/12/17

こんにちは!のざきです。

この記事はiCARE Advent Calendar 2020の17日目の記事です。

adobe XDを使い始めたけれど、なかなか仲良くなれない...
そんなあなたへ、私の先輩直伝♡
初心者がスーパー使えるXDプラグイン5選をご紹介します!

ぜひスーパーな先輩が先にまとめた5選と併せてご利用くださいませ
↓↓
Adobe XDの便利プラグイン5選!!

Adjust Size by Shortcut

こちらはショートカットキーで、
長方形・楕円・リピートグリッド・アートボードなどがサイズ調整できるツールです!
基本的な使い方はこんな感じ。

お好みで設定から可変サイズの調整もできます!
詳しくはこちらをご参照くださいませ。

Copy CSS to Clipboard


こちらはXDからCSSの値をコピー&ペーストできるツールです。
例えば、こんなボタンを作りました。

このボタンをさくっとCSSに反映させたい...!
そんな時こそ「Copy CSS to Clipboard」の出番なのです。

たったこれだけ!
あとは貼り付けたい場所に「Command+V」で貼り付けるだけ!

ほんのり手直しは必要ですが、ほぼほぼ反映されたCSSができました!便利...

もっと詳しく知りたい方はこちら

Icons 4 Design


こちらのプラグインは、5000以上のアイコンから
すぐにアイコンを探して使えるウルトラプラグインです!

使い方はプラグインをクリックして、
探したいアイコンの名前を入力するだけ。

とっても時短になりますね!

Resize Artboard to Fit Content


こちらはオブジェクトに合わせてアートボードをリサイズしてくれる超親切設計プラグイン!

ばばーん バッチリぴったりです!便利〜〜

詳しくはこちらをご参照くださいませ。

Remove Decimal Numbers

こちらはオブジェクトやテキストボックスの大きさや座標の
小数点以下をさくっと消してくれるツールです!

エンジニアさんにも連携しやすくなりますね。

終わり

いかがでしたか?
iCAREに入って2週間ちょい、私もまだまだ学び途中ですが、
どんどん効率化してパパッと作業していきたいですね!

明日は凄腕エンジニアshibuyaさんのターンです!お楽しみに〜♪