Scroll Animator는 Framer에서 스크롤에 따라 요소를 부드럽고 정밀하게 애니메이션화할 수 있는 플러그인입니다. 단순한 움직임을 넘어 모든 transform 속성을 활용해 섬세한 동작을 설계할 수 있으며, 키프레임 기반의 제어로 창의적인 인터랙션을 구현할 수 있습니다.

주요 기능

• 스크롤 연동 애니메이션 제작

• 모든 Transform 속성 지원 (scale, rotate, translate 등)

• 정밀한 키프레임 제어

• 복잡한 모션도 직관적으로 설정 가능

• 부드러운 전환과 고급 인터랙션 구현

사용 방법

1. Framer에서 Scroll Animator 플러그인을 설치하기

2. 애니메이션을 적용할 요소를 선택하기

3. 시작과 끝 키프레임을 설정하고, 스크롤에 따라 변화를 지정하기

4. 미리보기를 통해 애니메이션을 확인하고 조정하면 완료