見出し画像

XD「パディング」の使い方

画像5

パディングを設定し、文字数に応じて横幅を可変させるボタンを作る。

画像2

Step.1
ボタンを作成し、コンポーネントに変換。
(command + K)

画像3

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

画像4

Step.3
任意のパディング値(px)を入力。

画像5

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

文字数が変わっても設定したパディングを保った状態で、ボタンの横幅が可変になる。


これはなかなか使えそう。

この記事が気に入ったらサポートをしてみませんか?