Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Setting the animation origin point - Control the pivot point for your custom animations.. Machine-readable page: /bannerify/animation/animation-origin-point.md.

Setting the animation origin point

Control the pivot point for your custom animations.

Video Tutorial: Add custom animations to your Figma banner designs

This video walks through how to add custom keyframe animations to your banners using the Bannerify plugin.

By default, the origin for all of your custom animation will be set to Center and Center for the X/Y axis, but you can customize these by clicking the Animation Origin Point select input options, where you can set Top, Center or Bottom for the vertical axis, and Left, Center or Right for the horizontal axis.

Changing the animation origin will affect where the animation is "pinned" for the layer. For example, setting the origin to Top and Left would become the point for your layer at which a rotation animation is hinged on, or the point of your layer that could be scaled in/out from and to.