XD「スタック」の使い方
見出し画像

XD「スタック」の使い方

ooooo

画像5

スタックを設定し、各パーツの間隔を一定に保つ。


画像5

Step.1
各パーツを作成し、コンポーネントに変換。
(command + K)
もしくは、グループ化だけでもOK。

画像5

Step.2
マスターコンポーネントを選択した状態で、
プロパティインスペクター(右側)の「スタック」にチェックを入れて有効化。

画像5

Step.3
垂直方向 or 水平方向を選択し、
任意の間隔の値(px)を入力。

画像5

完成
複製したコンポーネントの文字を変更。

画像の高さやテキストの段落数が変わっても、パーツの間は設定した間隔が保たれる。


これはリストやタイル系のパーツ作成に使える。

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
ooooo
株式会社メンバーズ メンバーズキャリアカンパニー所属 デザイナー 大手メディア企業に常駐し、自社サービスのサイトリニューアルや新規開発などをこれまでに担当。 2019年Adobeアンバサダー就任。