見出し画像

AdobeXD コンポーネントでハンバーガーメニュー(DLデータあり)

by｜Yuhei Sasaki

オーバーフローを使わずコンポーネントで作成すると、ハンバーガーメニューにアニメーションをつけることができます。

作り方

  1. ハンバーガーメニューとメニューの中身を作成します

  2. コンポーネント化してメニューの中身は非表示にします

  3. 新規ステートを追加してメニューを表示し、ハンバーガーメニューを変形します

  4. プロトタイプモードで自動アニメーションを使ってステートが切り替わるように設定します

いいなと思ったら応援しよう！