【GIFで解説】Adobe XDの自動アニメーショントランジションまとめ｜吉岡ヤス｜note

Adobe XDの自動アニメーションが10月のアップデートで使えるようになったので、初めて自動アニメーションを使う方にわかりやすいようにGIF画像でトランジションを解説します。 以下のような方に参考にしていただければ幸いです。 ・「自動アニメーションって何？」という方 ・自動アニメーションを短時間で理解したい方 ・どのようなトランジションが再現できるのか知りたい方 ※GIFで作成しており、色や動きが劣りますが、予めご了承ください。 ※設定部分の解説は一部省略しております。 【目次】①自動アニメーションとは②遷移の間のアニメーション③遷移の開始時のアニメーション④遷移の終了時のアニメーション⑤最後に①自動アニメーションとは 2 つのアートボード間のトランジションを自動で作成できる機能です。 簡単に説明すると、遷移前の画面と遷移後の画面を作成し、この2画面をプロトタイプ上でつなぎ、自動アニメー