미리 보기 및 커스터마이즈

Framer에 삽입하기 전에 재생, 렌더러, 배경을 확인하세요.

플러그인 미리 보기는 애니메이션을 준비하는 화면이며 최종 Framer 런타임과 같지 않습니다. 의도한 상태로 삽입하기 위해 사용한 뒤, 결과 컴포넌트를 Framer Preview와 게시된 사이트에서 다시 테스트하세요.

Framer 애니메이션 미리 보기의 렌더러 선택
Framer 애니메이션 미리 보기의 렌더러 선택

재생 확인

  • 애니메이션을 재생하고 일시 정지합니다.

  • 타임라인을 이동해 각 순간을 자세히 확인합니다.

  • 한 번 재생한 뒤 멈춰야 한다면 반복을 끕니다.

  • 사용할 수 있는 재생 속도를 차례로 확인합니다.

  • 투명 배경과 실제 페이지를 대표하는 배경에서 아트워크를 살펴봅니다.

배경 색상 컨트롤을 연 Framer 애니메이션 미리 보기
배경 컨트롤을 사용해 실제 페이지 색상에서 애니메이션을 확인합니다

렌더러 선택

  • Automatic은 원본과 필요한 기능에 맞는 렌더러를 사용합니다.

  • SVG Player는 일반 Lottie JSON 재생에 적합합니다.

  • ThorVG Player는 멀티 애니메이션, 테마, 상태 머신 같은 dotLottie 기능을 지원합니다.

고급 파일을 SVG Player로 바꾸면 해당 기능이 유지되지 않을 수 있으므로 플러그인이 먼저 경고합니다.

구조 변경은 Lottie Creator에서

레이어, 타이밍, 키프레임, 이징, 테마 또는 상태 머신 구조를 바꿔야 한다면 Lottie Creator에서 애니메이션을 여세요. 결과를 올바른 Workspace 위치에 저장하고 Framer로 돌아와 검토한 버전을 삽입합니다.

관련 문서

마지막 업데이트: 2026년 9월 11일 오후 12:08Common.editThisPage