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

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

이전에 저장한 사용자 지정 애니메이션을 업데이트하려면 Saved animations 메뉴에서 업데이트할 애니메이션을 고르세요. 저장한 애니메이션과 키프레임이 사용자 지정 애니메이션 패널에 불러와져요.

저장한 애니메이션을 고른 뒤에는 필요에 따라 키프레임과 속성을 편집할 수 있어요. 수정이 끝나면 Update Saved Animation 버튼을 클릭해 변경 사항을 저장하고 이전 애니메이션 키프레임을 덮어쓰세요.

참고로 저장한 애니메이션을 업데이트하면, 방금 업데이트한 사용자 지정 애니메이션을 이미 사용하고 있던 배너의 모든 레이어에 업데이트된 키프레임이 자동으로 적용돼요.

저장한 애니메이션을 바탕으로 새 애니메이션 만들기. 저장한 애니메이션을 불러와 수정하되 저장된 버전을 “덮어쓰지” 않으려면, 새 Animation name을 입력하고 Add New Animation 버튼을 클릭해 새 애니메이션으로 만들 수 있어요.