TAGby
디자인 26. 10. 05.

피그마 모션, 이제 소리까지 넣는다

오디오·텍스트 애니메이션·Lottie 내보내기 추가

Figma Motion이 오디오, 텍스트 애니메이션, Lottie 내보내기 기능을 새로 지원합니다. 9월 Config 2026에서 처음 공개된 기능이 한 단계 더 확장된 업데이트입니다.

모션 디자인을 Figma 캔버스 안에서 완결할 수 있는 범위가 눈에 띄게 넓어졌습니다.

무엇이 새로 추가됐나

커스텀 애니메이션 스타일을 저장하고 팀원과 공유할 수 있게 됐습니다. 반복적으로 쓰는 인터랙션 패턴을 매번 새로 만들 필요 없이 재사용할 수 있습니다.

타임라인에 오디오를 추가하고, 텍스트 요소에도 애니메이션을 적용할 수 있게 됐습니다. 완성된 모션은 Lottie, dotLottie, MP4, WebM 형식으로 내보낼 수 있어 실제 제품에 바로 적용하기 쉬워졌습니다.

왜 Lottie 내보내기가 중요한가

Lottie는 개발 환경에서 가볍고 선명하게 재생되는 애니메이션 포맷으로, 앱이나 웹 서비스에 모션을 적용할 때 업계 표준처럼 쓰여왔습니다. 그동안은 After Effects 같은 별도 툴에서 Lottie 파일을 만들어야 했습니다.

이제 Figma 안에서 디자인, 모션 제작, 개발 전달용 파일 추출까지 한 번에 끝낼 수 있게 되면서, 외부 툴을 오가며 발생하던 버전 불일치나 커뮤니케이션 비용이 줄어들 것으로 보입니다.

실무 적용

자주 반복되는 로딩 인터랙션이나 버튼 피드백 같은 마이크로 인터랙션을 커스텀 스타일로 저장해두면, 프로젝트마다 모션을 새로 설계하는 수고를 줄일 수 있습니다.

온보딩 화면이나 제품 소개 영상처럼 오디오가 필요한 작업도 이제 Figma 안에서 초안 단계부터 함께 설계할 수 있어, 모션과 사운드를 분리해서 작업해온 팀이라면 워크플로우를 재검토해볼 만합니다.

Q. Figma Motion에 새로 추가된 기능은 무엇인가요?

A. 커스텀 애니메이션 스타일 저장, 타임라인 오디오 추가, 텍스트 애니메이션, Lottie·dotLottie·MP4·WebM 내보내기가 새로 추가됐습니다.

Q. Lottie 내보내기가 왜 중요한가요?

A. 그동안 별도 툴에서 만들어야 했던 Lottie 파일을 Figma 안에서 바로 추출할 수 있게 되어, 디자인부터 개발 전달까지 한 번에 끝낼 수 있습니다.

Q. 어떤 작업에 특히 유용한가요?

A. 반복되는 마이크로 인터랙션을 커스텀 스타일로 저장해두거나, 오디오가 필요한 온보딩·제품 소개 영상을 초안 단계부터 함께 설계하는 데 유용합니다.

#Figma#FigmaMotion#모션디자인#디자인툴

추천 아티클