그동안 모션 디자인은 Figma 바깥에서 별도 툴로 제작한 뒤 개발팀에 스펙 문서로 전달하는 방식이 일반적이었습니다. Config 2026에서 공개된 Figma Motion은 이 과정을 캔버스 안으로 끌어옵니다.
타임라인 기반 편집 + AI 에이전트
디자이너는 타임라인 위에서 직접 키프레임을 조정하며 정교한 애니메이션을 만들 수 있습니다. 동시에 Figma 에이전트에게 '이 버튼에 눌렀을 때 살짝 튕기는 효과를 줘' 같은 자연어 요청으로 모션을 생성하는 것도 가능합니다.
만든 애니메이션은 재사용 가능한 시스템으로 구축해, 같은 인터랙션 패턴을 여러 화면에 일관되게 적용할 수 있습니다.
개발 전달까지 한 번에
가장 큰 변화는 '개발 전달(handoff)'입니다. 기존에는 모션 스펙을 별도로 문서화해야 했지만, Figma Motion은 dev-ready 형태로 애니메이션을 내보낼 수 있어 디자이너와 개발자 사이의 커뮤니케이션 비용을 줄여줍니다.
인터랙션이 많은 제품일수록, 디자인 단계에서부터 실제 동작에 가까운 프로토타입을 만들고 바로 검증할 수 있다는 점이 실무에 큰 효율을 가져올 것으로 보입니다.