東京都府中市、九段下のWEB制作会社Maromaroのブログです

2019.07.01

chie

Adobe XD

ますます便利になったAdobe XDのプラグインで作業を捗ろう!

こんにちは!Maromaroのchieです!
アップデートにより、ますますシェアを拡大しているAdobe XD
sasakiが以前Adobe XDのプラグインにつきて書きましたが、今回はインストール方法のおさらいとさらにオススメなプAdobe XDプラグインをご紹介!

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

※Adobe XDが最新でない場合は、アップデートを行ってください。
Adobe XDのプラグインのインストール方法は2通りあります。
・Adobe XDからインストール(XDに登録されているプラグイン)
・Webからインストール(XDには登録されていないプラグイン)

Adobe XDからインストールする場合

XD起動→ホーム画面のAdd-on→プラグインをクリック
※メニューからインストールする場合は、[メニュー→プラグインを見つける]をクリック

Adobe XD

プラグインをクリックすると、プラグインリストが表示されるので、プラグイン名を検索してインストールします。

Adobe XD

インストールが完了すると、ダイアログの下部分にインストールのアナウンスが表示されて終了。

Adobe XD

Webからインストール

※WebからAdobe XD対応プラグインをインストールする際は、自己責任で行ってください。

Adobe XDのプラグイン(.xdxファイル)をサイトからダウンロード→xdxファイルをダブルクリック

Adobe XD

Adobe XDにインストールに関するダイアログが表示されるので、インストールをクリックし開始します。

Adobe XD

インストールが完了すると、「プラグインインストール済み」のダイアログがでるので、これでインストールは完了!

Adobe XD

Adobe XDプラグインの使い方

インストールしたAdobe XDプラグインを使うときは、左下のブロックのようなアイコンをクリックすることで、ワンアクションでプラグインの選択画面を表示できます。

Adobe XD

使用したいプラグインを選択したら準備は万端です!

オススメのプラグイン

Adobe XDの登録されているプラグインの他に、Webからもダウンロードできるプラグイン。
その中でも、人気のプラグインをご紹介!

Google Sheets(Adobe XD登録プラグイン)

Googleスプレッドシートからデータを読み込み、選択したレイヤーのテキストと画像の一括置換が可能。大規模案件などではかなり作業が捗りそうです!

Adobe XD

Adobe XD

VizzyCharts(Adobe XD登録プラグイン)

グラフをXD上で生成してくれるプラグイン。csvを読み込むことで、折れ線グラフ、棒グラフ、円グラフをを生成してくれます。
カラーも自動設定してくれるので、(後から変更可能)さっと作りたいときなんかは特に便利ですね。

Adobe XD

Adobe XD

テキスト校正くん(Webプラグイン)

文章校正を支援するプラグイン「テキスト校正くん」は、Adobe XDのアートボード内の選択中のテキストに対して、文章校正を行ってくれます。一般的な文章のルールに沿って校正してくれるので、原稿づくりのサポートには持ってこいです!
「Adobe I/O」に審査提出中のようなので、Adobe XDの公式に登録される日も近いかもですね!

・「ですます」調と「である」調の混在
・ら抜き言葉
・二重否定
・同じ助詞の連続使用
・同じ接続詞の連続使用
・逆接の接続助詞「が」の連続使用
・全角と半角アルファベットの混在
・弱い日本語表現の利用(〜かもしれない)
・読点の数(1文に3つまで)
・ウェブの用語や名称の表記統一(Javascript → JavaScript、Gitghub → GitHub等)
・漢字の閉じ方、開き方(下さい → ください、出来る → できる等)

.xdxファイルのダウンロードは公式サイトより
https://ics.media/entry/19346/

Adobe XD

まとめ

実際何を使用すれば作業が捗るのか悩むところですが、使用目的に合ったAdobe XDプラグインを見つけることができれば、制作時間もぐんと短縮できるので、Adobe XDプラグインで作業効率アップしてみてはいかがですか!

sasakiの記事にも便利なAdobe XDプラグインを紹介しているので、是非見てみてください!