웹 기초 > 프레임워크와 라이브러리
Framer Motion
Figma 의 Smart Animate 가 프레임 사이를 자연스럽게 잇는 것처럼, React 화면에서 등장·전환·스크롤 모션을 선언적으로 다루는 애니메이션 라이브러리가 Framer Motion 입니다.
Figma 에서 두 프레임을 Smart Animate 로 연결하면 위치·크기·투명도 변화가 자연스러운 모션으로 풀립니다. 디자이너는 "이 카드가 왼쪽에서 미끄러져 들어오게" 같은 의도만 명시하고, 보간은 Figma 가 알아서 처리하죠.