【解決】XDでもキーオブジェクトに整列・分布したい!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る
XDキーオブジェクトに整列・分布 アイキャッチ図版

普段無意識でやっているようなものは,できないことに気づくと不便すぎて驚きますよね。私にとってはAdobe XDの「キーオブジェクトに整列」がそうでした。XDにもあったら嬉しいですね。

そこで今回は,最後に選択したものをキーオブジェクトとして扱い,整列や分布を実行するXD用プラグイン Singari(しんがり)を紹介します。

Singariって何?

殿(しんがり)とは,軍事用語で後退する部隊の中で最後尾の箇所を担当する部隊をさし,転じて隊列や順番の最後尾を意味します。

選択しているアイテムの中で最後に選択したもの,つまりしんがりのアイテムをキーオブジェクトとして扱い,整列や分布をするXD用プラグインです。下記の機能があります。

基本の整列
Align Left 水平方向左へ整列
Align Horizontal Centers 水平方向中央へ整列
Align Right 水平方向右へ整列
Align Top 垂直方向上へ整列
Align Vertical Centers 垂直方向中央へ整列
Align Bottom 垂直方向下へ整列
2段階整列。1回の実行で縦横両方指定できる
Align Top Left 垂直方向上,水平方向左へ整列
Align Top Middle 垂直方向上,水平方向中央へ整列
Align Top Right 垂直方向上,水平方向右へ整列
Align Middle Left 垂直方向中央,水平方向左へ整列
Align Center 垂直方向中央,水平方向中央へ整列
Align Middle Right 垂直方向中央,水平方向右へ整列
Align Bottom Left 垂直方向下,水平方向左へ整列
Align Bottom Middle 垂直方向下,水平方向中央へ整列
Align Bottom Right 垂直方向下,水平方向右へ整列
分布の間隔指定
Set Distribute Offset ダイアログで分布の間隔を指定する。XDを終了しても設定は保持される
等間隔に分布
Distribute Horizontal Space 水平方向等間隔に分布
Distribute Vertical Space 垂直方向等間隔に分布
オブジェクトの分布
Distribute Left 水平方向左に分布
Distribute Horizontal Centers 水平方向中央に分布
Distribute Right 水平方向右に分布
Distribute Top 垂直方向上に分布
Distribute Vertical Centers 垂直方向中央に分布
Distribute Bottom 垂直方向下に分布

インストール方法

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

メニューから プラグイン > プラグインを見つける… > すべてのプラグイン と辿ってください。そこに Singariアイコン Singari があるはずです(検索欄を使うとすぐ出てきます)。

その右にあるインストールボタンを押せばインストールは完了です。

使いかた

XDのアートボード上で複数のアイテムを選択し,メニューの プラグイン > Singari の中から Align Left など目的の項目を実行するだけです。

キーオブジェクトを指定・変更するには,下記のようにすると楽です。

  1. 一旦整列・分布対象のアイテムをすべて選択する
  2. キーオブジェクトにしたいアイテムの選択を外し,もう1度選択する

分布では間隔を指定できます。未指定のときは間隔0と解釈します。

爽快な動作です!

ちなみに

キーボードショートカットはXDに備わっている機能に頼らず,Keyboard MaestroやMacのシステム環境設定で割り当てるのが便利です。まだ公式の機能では指定できないキー(矢印キーなど)が使えます。

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

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

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

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

広告

コメントを残す

*