【XD】アートボードを簡単にリサイズするプラグイン

XDでアートボードを簡単にリサイズするプラグイン

こんにちは、ディレクターの中野です。
イッパイアッテナではワイヤーフレームの作成に「AdobeXD」を使用して作成しています。

いかに時間を短縮できるかと日々プラグインとショートカットを調べている面倒くさがりな僕から、今回はワイヤーフレーム作成時に便利なプラグインをご紹介させていただきます。

Resize Artboard to Fit Content

名前の通り「アートボードのサイズをコンテンツに合わせて変更する」プラグインです。

例えば「フッターにバナーを追加したい」などのご要望をいただき、アートボードのサイズが変更になる時に便利なプラグインとなります。

XDでアートボードを簡単にリサイズするプラグイン

クライアントとワイヤーフレームを作成しているときによくある一コマですね。

バナーを追加するとフッターの高さが変わり、フッターの下部が切れたままになってしまいます。
フッターの下部まで表示させるにはアートボードを一つずつ大きさを整える必要があるのですが、これが意外に面倒な作業。。ページ数があるワイヤーフレームを作成しているときは尚更。

XDでアートボードを簡単にリサイズするプラグイン

こんな時に活躍するのが

「Resize Artboard to Fit Content」

まずはプラグインを追加。(プラグインの追加方法は今回省略いたします。)
サイズを変えたいアートボード を選択して、「control+F」を押すとコンテンツに合わせてアートボードのサイズが変更されます。

XDでアートボードを簡単にリサイズするプラグイン

ちゃんとフッターの下までアートボードのサイズが変更されましたね。
手動で調整して1pxズレてしまうなども解決出来るので、XD使用者には必須のプラグインかもしれません。

他の人がXDで作成したワイヤーフレームを見たときにアートボードのずれに気がついたら言ってあげましょう。「ちゃんとcontrol+Fしたか?」

他にも時間短縮するためのプラグインをいくつか使用しています。
その紹介はまたの機会に。