지원되는 Figma 기능
프레임, 프로토타입 플로우, 상태 머신을 Lottie로 변환하기 전에 지원되는 기능과 위험한 Figma 기능을 확인합니다.
이 페이지는 실무용 사전 점검 목록으로 사용하세요. 최신 전체 원문은 공식 Figma to Lottie 내보내기 가이드를 참고하세요.
더 안전한 기능 영역
내보내기 가이드는 다음 영역 전반의 지원을 나열합니다.
click, hover, press, mouse enter, mouse leave, mouse down, mouse up, after delay 같은 기본 인터랙션.
셰이프와 곡선.
레이어 매칭과 값이 안정적인 텍스트.
이미지.
기본 fills, gradients, strokes.
일반적인 전환과 애니메이션 동작.
특히 주의가 필요한 기능
| 영역 | 위험 | 더 안전한 접근 |
| 여러 프레임 | 레이어가 빠지거나 순서가 바뀌면 매칭이 깨질 수 있음 | 레이어를 유지하고, 순서와 이름을 일관되게 관리 |
| 텍스트 | 같은 레이어 안에서 텍스트가 바뀌면 실패할 수 있음 | 별도 텍스트 레이어를 만들고 visibility를 전환 |
| 그레이디언트 | 복잡한 그레이디언트는 잘못 렌더링될 수 있음 | 단순한 linear 또는 radial 그레이디언트를 우선 사용 |
| Fill과 effect | 겹친 fills, shadows, strokes, effects가 애니메이션을 깨뜨릴 수 있음 | 애니메이션되는 오브젝트마다 하나의 명확한 시각 스타일 사용 |
| 프로토타입 액션 | 일부 액션은 상태 머신 입력이 되지 않음 | 지원되는 내비게이션 방식 전환 사용 |
| 인터랙티비티 | Lottie JSON은 상태 머신, 테마, 모션 토큰을 제거함 | dotLottie 기능 전체가 필요하면 .lottie로 내보내기 |
인터랙션 지원 참고
지원되는 인터랙션 트리거에는 click, hover, press, mouse enter, mouse leave, mouse down, mouse up, after delay가 포함됩니다. Key/gamepad와 drag 관련 동작은 플레이어 안의 직접 인터랙션이 아니라 별도 제품 동작으로 설계해야 할 수 있습니다.
관련 문서
마지막 업데이트: 2026년 9월 11일 오후 12:08Common.editThisPage