인터페이스

Framer용 LottieFiles 플러그인의 Explore, Workspace, 미리 보기, 캔버스 연동 영역을 살펴보세요.

플러그인은 두 가지 애니메이션 원본을 중심으로 구성됩니다. 어느 원본을 선택해도 같은 미리 보기와 삽입 워크플로로 이어집니다.

Framer의 LottieFiles Explore 화면
Framer의 LottieFiles Explore 화면

Explore

공개 LottieFiles 라이브러리는 Explore에서 둘러봅니다. 무료 또는 Premium 애니메이션을 검색하고 Featured, Popular, Recent 결과를 전환한 뒤 원하는 결과를 미리 보세요.

Workspace

비공개 및 팀 에셋은 Workspace에서 사용합니다. 워크스페이스를 전환하고 프로젝트 또는 폴더를 연 뒤 게시할 승인 파일을 선택하세요.

애니메이션 미리 보기

미리 보기에서 다음 항목을 설정할 수 있습니다.

  • 재생, 탐색, 반복, 속도, 배경

  • SVG Player, ThorVG Player 또는 자동 렌더러 선택

  • 지원되는 아트워크의 팔레트 변경

  • 멀티 애니메이션 dotLottie 파일의 하위 애니메이션 선택

  • 파일과 계정에서 지원하는 테마 및 상태 머신 컨트롤

  • 상황에 따라 표시되는 Insert animation, Save animation to insert 등의 주요 액션

Framer 캔버스와 연동

플러그인은 가능한 경우 현재 캔버스 선택을 사용합니다. Frame을 선택하면 새 컴포넌트가 그 안에 배치되고, 선택한 Frame이 없으면 캔버스 루트에 추가됩니다.

캔버스에 이미 있는 LottieFiles 플레이어 컴포넌트를 선택하면 플러그인에 해당 컴포넌트의 설정이 열립니다. 이 화면에서 재생, 배경, 테마, 상태 머신 설정을 확인하거나 바꾸세요.

관련 문서

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