動画チュートリアル:Figmaのバナーデザインにカスタムアニメーションを追加する
Bannerifyプラグインを使って、バナーにカスタムキーフレームアニメーションを追加する方法を解説した動画です。
更新したキーフレームとそのプロパティでアニメーションがどう見えるかは、キーフレームのプロパティの横にあるLive previewエリアで確認できます。キーフレーム、プロパティ、イージングに加えた変更は、すべて自動でライブプレビューに反映されます。
ライブプレビューの再生速度は調整できます。カスタムアニメーションが速度によってどう見えるかを確かめたい場合は、プレビューの下にあるDurationスライダーをドラッグして、プレビューの1ループにかかる秒数を変えることで、ライブプレビューの再生速度を変更できます。