【Adobe XD】XDのデザインカンプで線形グラデーションの角度を確認する方法

Adobe XDのデザインカンプで線形グラデーションの角度を確認する方法

Adobe XDのグラデーション
Adobe XDのグラデーション

XDのデザインカンプからコーディングをしていたときに、よくある背景がグラデーションのやつがあったんだけど、どう頑張ってもグラデーションの正確な角度がわからなくてググるとプラグインがあるらしくて早速導入。

GradientAngle

GradientAngleのプラグインは線形グラデーションの角度の数値を取得できるAdobe XDのプラグイン。

インストール方法は、GradientAngleのリンクに飛ぶとすぐに完了します。

GradientAngleのプラグインで線形グラデーションの角度の数値を取得
GradientAngleのプラグインで線形グラデーションの角度の数値を取得

線形グラデーションのアイテムを選択するとプラグインパネルのテキストフィールドにそのグラデーションの角度を数値で表示してくれる。

それだけのプラグインなんだけど、それがめちゃくちゃ有難い!

というか、デフォで線形グラデーションの角度の数値を取得できないってどーなのよ。