ボタンにホバーステートをつけた上でボタンテキストを変更する方法【Adobe XD】

ボタンにしたコンポーネントにホバーステートを追加できるようになりしばらく経ちますが、うっかりすると、ボタン内テキストがhover時に元に戻ってしまいますよね。

これを避けるのは簡単ですが、忘れがちなのでメモっておきます。

コツとしては、ボタンコンポーネント自体にhoverをつけないこと。

コンポーネントは入れ子にします。

背景のボタンのシェイプを、別のコンポーネントにします。

こちらにホバーステートを追加して完了です。