目次
デジタルビジネス部所属、20卒の武田です!
入社してから早半年が経ちました、あっという間ですね。
優しい先輩たちに助けられながら、業務にも少しずつ慣れてきたかなと思います。
(トライアンドエラーの日々です)
本日はワイヤーフレームやデザインカンプの作成でよく使われるAdobeXDのプラグインについてご紹介していきます。
XD自体は入社してから初めて使ったのですが、
さすがAdobe製品
PhotoshopやIllustratorなどを使っていたからか、直感的でスムーズに操作方法を学習することができました。
パワーポイントやエクセルなどで作成するよりも圧倒的に時間短縮できて作業効率も上がるのですが、もっと便利に使いたい!と思いたくさんのプラグインを試してみました。
その中で、使う頻度が高いものや便利!と感じたおすすめプラグイン9個を紹介していきます☆
パーツ おすすめプラグイン(3選)
1. Calendar|カレンダー
カレンダーを一から作るのって大変ですよね、こちらのプラグインは指定した月のカレンダーをXD上に生成することが可能です。
セルのサイズ変更や週の曜日始まり、曜日の表示形式なども調整できるとてもシンプルで使いやすいプラグインです。
2. unDraw|イラスト素材
シンプルでおしゃれなイラストが揃っていて、配色を変えることもできるプラグイン。
イラスト数は多いのに無料で会員登録も不要なのでとっても優秀です。ファイルはSVG・PNGの2種類の形式から選ぶことができます。統一性のある見た目になるため、ガラッとプロフェッショナルなデザインへと変わります。
3. Icondrop by Iconscout|アイコン素材
アイコンに限らずイラストや写真まで、数百万個あるライブラリから検索し、アートボード上に簡単に挿入することができるプラグイン。無料・有料とあるのですが、無料素材でも量が多いため簡単にお目当ての素材を見つけ出すことができます。また、無料版ではPNG形式のみの利用が可能です。
※利用する際にはメールアドレスとパスワードを記入するだけの簡単な会員登録が必要です
効率化 おすすめプラグイン(3選)
1. Artboard Plus|アートボード整列機能
アートボードの整列に関しての効率化を図るためのプラグイン。
ばらばらになっているアートボードを均等に配置したり、選択したオブジェクトのサイズと同じアートボードを作成したり、レイヤーを名前順に並び替えることもできます。
2. Resize Artboard to Fit Content|コンテンツ量に合わせてアートボードをリサイズ
コンテンツ量に合わせてアートボードの高さを変更するのは意外と面倒で時間がかかりますよね。
その時に使っていただきたいプラグインはこちらです。
サイズ変更したいアートボードを全て選択し、プラグインを起動させると一瞬でリサイズされます。
3. Swapper|オブジェクト入れ替え
2つのオブジェクトの位置を逆にしたい、シンプルなことですが意外と面倒。そんな時はSwapperを使うとオブジェクトの位置をサッと簡単に入れ替えることが可能です。グループ化されているオブジェクトも対象なので作業効率が一気にアップします。
その他 おすすめプラグイン(3選)
1. Stark|色盲・色弱シミュレーション
色盲や色弱のシミュレーションをしたり、コントラストをチェックすることができるプラグイン。
こちらは無料版、有料版とあるのですが、無料版で使えるのが「Color Blind Simulation(カラーブラインドシミュレーション)」と「Check Contrast(チェックコントラスト)」の2つ。
カラーブラインドシミュレーションは様々な症状の色盲/色弱を持ったユーザーにはどのように見えるのかをチェックすることができます。
チェックコントラストは選択しているオブジェクトの背景色とテキスト色のコントラスト比を数値で確認することができます。
2. Confetti|背景パターン作成
Confettiを使うと、1クリックで簡単にインパクトがある背景パターンを生成することが可能です。指定した図形を複製し、複数の機能を合わせることにより、このブログのメインビジュアルのような図を作ることができます。
(業務であまり使う事はないのですが、覚えておいても損はないと思います!)
3. Whiteboard|コミュニケーション
XD上でアイデア出しや意見などを交わせるプラットフォームを用意しているプラグイン。
テンプレートとしてホワイトボード、ブレインストーミング、フローチャートやマインドマップなどといったコミュニケーションメソッドが備わっていて、さらに各メソッドの使い方まで書いてあるので初心者でもとても使いやすいです!
リモートワークでもコミュニケーションの大切さを忘れないよう開発されたプラグインですね☆
おわりに
Adobe XDのアップデート頻度は月に1回ぐらいで、その度に便利な機能がたくさん追加されています。
それに伴い、新しいプラグインや既存プラグインのアップデートもよくあるので、常にチェックしておいたほうが良さそうですね。
プラグインを使いこなすことで、手間の改善や作業効率を上げられること間違いなし!
ストレスフリーな作業環境を目指すために、是非積極的に取り入れてみてください♪