영상 튜토리얼: Figma Buzz 배너에 애니메이션을 넣고 HTML, MP4 동영상, GIF로 내보내기

Figma Buzz 파일에서 배너 불러오기

Bannerify는 Figma Buzz 파일에 있는 기존 배너 디자인을 바로 불러올 수 있어요.

1. Buzz 파일에서 Plugins 패널을 열고 Bannerify Banner Studio를 실행하세요.
2. Bannerify 사이드바에서 사용할 배너 프레임을 체크하거나 체크 해제하세요.
3. 선택한 배너를 불러오려면 Load Checked Banners를, 목록의 모든 프레임을 불러오려면 Load All Banners를 클릭하세요.
4. 안내가 나타나면 플러그인 헤더 오른쪽 위에 있는 Figma의 pop-out 아이콘을 클릭하세요.
5. 전체 Bannerify 작업 공간에서 레이어에 애니메이션을 넣고, 배너를 미리 보고, 내보내기 옵션을 사용하세요.

Bannerify가 팝아웃 창을 사용하는 이유

Figma Buzz는 처음에 플러그인을 좁은 사이드바에서 열어요. Bannerify는 이 좁은 보기에 배너 체크리스트를 보여 주고, 배너를 불러온 뒤에는 더 넓은 팝아웃 창을 열라고 안내해요.

팝아웃 창에는 일반 Bannerify 타임라인, 애니메이션 컨트롤, 미리보기, 내보내기 기능이 모두 있어요. Bannerify를 Buzz 사이드바로 다시 도킹하더라도 팝아웃 아이콘을 다시 누르면 같은 배너가 불러와진 전체 작업 공간으로 돌아갈 수 있어요.

전체 작업 공간을 연 뒤에는 Buzz 배너 디자인에서도 Bannerify의 일반 애니메이션 컨트롤과 내보내기 옵션을 사용할 수 있어요.

Buzz 사이드바 옵션

Buzz 사이드바는 파일에 이미 있는 배너 프레임을 불러오는 데 집중해요. Generate New Banner Sizes from Figma Frames, Figma Section 다중 장면 불러오기, 기타 설정 컨트롤은 일반 Figma Design 파일에서 Bannerify를 사용할 때 쓸 수 있어요.