영상 튜토리얼: 애니메이션 GIF 만들기
이 영상에서는 TinyImage 플러그인으로 직접 만든 디자인을 Figma에서 바로 애니메이션 GIF로 만들고 내보내는 방법을 안내해요.
영상 튜토리얼: Figma에서 애니메이션 GIF 내보내기에 전환 효과 추가
이 영상에서는 TinyImage 플러그인으로 Figma에서 내보내는 애니메이션 GIF에 페이드, 슬라이드, 와이프 전환 효과를 추가하는 방법을 안내해요.
TinyImage에는 GIF 프레임 순서를 정하는 여러 정렬 옵션이 있어요.
사용자 지정 순서로 프레임 정렬
썸네일을 왼쪽이나 오른쪽으로 드래그 앤 드롭해 프레임 순서를 직접 정하세요.
사용자 지정 순서는 저장되며, Sort frames by Custom Order를 선택하면 복원할 수 있어요.
Figma 레이어 순서로 프레임 정렬
Figma 레이어 목록의 순서와 맞추려면 Sort frames by Figma Layer Order를 사용하세요.
열 기준으로 프레임을 시각적으로 정렬
열을 먼저 기준으로 화면상의 위치에 따라 정렬하려면 Sort frames visually by Columns를 사용하세요.
행 기준으로 프레임을 시각적으로 정렬
행을 먼저 기준으로 화면상의 위치에 따라 정렬하려면 Sort frames visually by Rows를 사용하세요.
TinyImage는 조금 어긋나 있는 프레임도 같은 행이나 열로 묶고, 서로 다른 Figma Section 안의 프레임을 포함해 캔버스상의 절대 위치를 사용해요.
Figma 레이어 이름으로 프레임 정렬
레이어 이름을 자연스러운 순서로 정렬하려면 Sort frames by Figma Layer Name을 사용하세요. Frame 2 같은 번호가 붙은 이름이 Frame 10보다 먼저 표시돼요.