AdobeXDの基本や使い方は覚えたものの、作業を効率化してくれる優秀なプラグインを入れていないと、レイアウト調整など無駄に時間がかかってしまうこともしばしば…。そこで今回は、業務のスピードアップ&作業の効率化を図る為の「Adobe XDプラグイン動画」をまとめました。
【XDプラグイン動画】作業の生産性が向上するプラグイン動画
XDのプラグインで学びが多かった動画は「プラグインを使いこなす 全3回(#1 作業の生産性が向上するプラグイン)」です。「Adobe XD Trail 部屋キャンプ 中級編 – アドビ公式」で配信されていたものです。
この動画では、XDで役立つプラグインを紹介しています。
この動画の良い点
配布資料にプラグインのURLが添付されている点が1番良かった点。
プラグインの説明を、動画で確認できる点は良かったのだが、中には何度も見返さないと理解できないプラグインもあるので、自分の理解度に合わせて繰り返し見るとよいかと思います。
オススメのXD解説動画
※ 動画の長さ 38:06
動画から取得できる知識
動画で得られるXDの基礎知識には、以下がありました。
- [ ~06:31 ]
– ご挨拶 - [ 06:20 ]
– 今回のトピック - [ 06:42 ]
– 初級編 ※よく使われているプラグイン11の紹介 - [ 12:45 ]
– トピック3つ - [ 13:06 ]
– 生産性が向上するプラグイン
– Colorsinspo/カラーパレット
色選びに役立つプラグイン
ライブラリをボタンクリックすると、カラーをライブラリパネルに登録できる(アセット)
それと合わせて、スタイルガイドを用意すると更に良い
– プラグインのインストール方法(15:08頃)
インストール後、再起動することなくすぐに使える - [ 22:32 ]
– Swap Fill and Border
塗りと線を入れ替えるプラグイン
– Colorsinspo/コントラストチェッカー(アクセシビリティツール)
文字が見づらいと感じた時は、コントラストを確認
確認したいオブジェクトを選択して、チェックをかける - [ 28:35 ]
– ステップガイドP12
– xray
サムネイルの角丸のサイズをを纏めて修正する(アートボード選択+Scan)
Select allで該当箇所を見つける - [ 32:50 ]
– ステップガイドP16
– Convert Shape
パス(ペンマーク)をシェイプに変換 - [ 36:10 ]
– 質問タイム
– Convert Shapeの応用編
形を丸から四角に変えることが可能
便利なショートカット
- プラグインパネルの切替(⌘ + Shift + P/Ctrl + Shift + P)
- レイヤーパネルを開く(⌘+Y)
知って得する本動画での学び
- アートボードを選択したい時は、余白をクリック
- XDプラグイン(API)を作る為の仕様は、リピートグリッドの中のものに手を出しづらい部分なので、その部分は念入りに確認が必要
- オブジェクトをダブルクリックすると、パスモードになる
【まとめ/XDプラグイン動画】
作業を効率化する便利なAdobe XDプラグイン動画をご紹介しましたが、いかがでしたか?
会社でXDを使用する際にインストールするルールになっているプラグインも多数ありました。
皆さんも、WEB制作の現場で実際に使用しているプラグインをインストールして、業務のスピードアップを図っていきましょう!