영상 튜토리얼: Figma 배너 디자인에 사용자 지정 애니메이션 추가하기(영어)

Bannerify 플러그인으로 배너에 사용자 지정 키프레임 애니메이션을 추가하는 방법을 보여 주는 영상이에요.

기본적으로 모든 사용자 지정 애니메이션의 기준점은 X/Y축 모두 Center와 Center로 설정돼 있어요. Origin point 그리드의 9개 지점 중 하나를 클릭하면 바꿀 수 있으며, 세로축의 Top, Center, Bottom과 가로축의 Left, Center, Right를 조합해요.

애니메이션 기준점을 바꾸면 레이어에서 애니메이션이 “고정”되는 위치가 달라져요. 예를 들어 기준점을 Top과 Left로 설정하면, 그 지점이 회전 애니메이션의 축이 되거나 크기가 커지고 작아지는 기준점이 돼요.