애니메이션 찾기

Figma 장면에 바로 쓸 ready-made 애니메이션이 필요할 때 Explore를 사용하세요. concept, motion intent, UI 상태로 검색한 뒤 삽입 전에 결과를 미리 봅니다.

접근 방법

1. Figma에서 LottieFiles 플러그인을 엽니다.

2. Explore를 엽니다.

라이브러리 검색

검색 필드로 현재 라이브러리 범위를 필터링합니다. 좋은 검색어는 object만이 아니라 UI 순간을 설명합니다.

• loading

• success

• empty state

• upload

• confetti

• error

무엇이 필요한지 확실하지 않다면 먼저 curated 또는 trending content를 둘러보고, 원하는 모션 언어가 보이면 검색으로 좁혀 가세요.

무료와 Premium 콘텐츠 전환

Explore는 무료 애니메이션과 Premium 애니메이션을 모두 보여줄 수 있습니다. 무료 애니메이션은 일반적인 product 상태에 유용합니다. Premium 애니메이션은 큐레이션되어 있고 플랜 gate가 있습니다.

제품 디자이너를 위한 팁

• 애니메이션이 UI 피드백 일부라면 인터랙션 상태로 검색하세요: pressed, submitted, complete, failed.

• 브랜드 방향과 맞아야 한다면 형태 언어로 검색하세요: line, outline, soft, geometric.

• 팀이 나중에 같은 에셋을 찾을 수 있도록 많이 커스터마이즈하기 전에 유용한 결과를 Workspace에 저장하세요.

관련 문서

• Premium 애니메이션

• 애니메이션 삽입

• Explore 패널 컨트롤