【まとめ】XDプラグインCommono 地味な自動化詰め合わせ

Adobe XDについて，次のような願いを見かけました。

• テキストを中央揃えにする，塗りをOFFにするといった地味な操作をショートカットにしたい
• パスの方向を反転したい
• コンポーネントを解除したとき中身がバラバラになってしまうが，グループに入った状態にしたい

これらは一般的な操作なので，プラグイン制作により比較的簡単に実現できます。しかしAdobe XD用のプラグインを公開するには，プログラムを書くだけでなくアイコンをデザインしたりイメージ画像を作ったり，何かと手間がかかります。個々にリリースするのは大変すぎるのです。

そこで今回は，行揃えの変更など，一般的で地味な操作の自動化を寄せ集めた1つのAdobe XD用プラグインにしました。それが今回紹介するCommonoです。

Commonoって何？

行揃えの変更など，一般的な操作の自動化を集めたAdobe XD用プラグインです。メニューから次のような操作ができます。

• ［左揃え］など行揃えの変更
• ［幅の自動調整］などテキストの種類の変更
• 塗り・線・シャドウ (内側)・ドロップシャドウ・背景のぼかしの無効化
• スタックの有効化・無効化・スペースのセット・方向の切り替え・子要素の追加・子要素の削減
• パディングの有効化・無効化・スペースのセット
• 線ツールで描いた線やパスの方向の反転
• コンポーネントなどを解除し，ただのグループへ変換
• 選択アイテムのサイズで四角を作り，それでマスク

入れると何が嬉しいの？

できることがあまりに地味なので，インストールして何の特になるのか疑問に思うかもしれませんね。

例えばパスの方向の反転は，単純にAdobe XDに機能が存在しないためIllustratorに持っていく手間を省けます。

そのほか，もっとも便利なのはキーボードショートカットを割り当てるなどのカスタマイズができることです。1日に何度も行う普通の操作を自分好みにカスタマイズすると，本当にサクサク作業が進みますよ。

設定方法は次の記事にまとめてあります。ぜひ試してみてください。

• 【まとめ】プラグインとカスタマイズで作ろう！自分だけの最速XD（1）

どうインストールするの？

今回のXDプラグインはAdobeの公開審査をすでに通過しているので，次のリンクから直接インストールできます。

https://xd.adobelanding.com/en/xd-plugin-download/?name=fd583ca2

「このページで“Adobe XD.app”を開くことを許可しますか?」と出たら許可してください。Creative Cloudアプリが自動で開きます。その右のほうにあるインストールボタンを押せばインストールは完了です。

使いかたは？

対象のアイテムを選択した状態でプラグインを実行するだけです。簡単ですね！

リファレンス

これでまた少し仕事が速くなりました。今日もさっさと仕事を切り上げて好きなことをしましょう！

コードは長いので，ダウンロードして見てください。

このサイトで配布しているスクリプトやその他のファイルを，無断で転載・配布・販売することを禁じます。
それらの使用により生じたあらゆる損害について，私どもは責任を負いません。
スクリプトやファイルのダウンロードを行った時点で，上記の規定に同意したとみなします。