【NEW 】転職や給料アップに向けて、Webマーケティング関連の資格について調べてみた [ → 記事を読む ]

XDのおすすめプラグイン|作業を効率化する便利なAdobe XDプラグインとは・動画編

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制作の現場で実際に使用しているプラグインをインストールして、業務のスピードアップを図っていきましょう!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA