Figma가 Config 2026에서 Figma Motion을 공개했습니다. Figma Design 안에서 애니메이션, 화면 전환, 3D 트랜스폼을 만들 수 있는 기능입니다. 기존에는 프로토타입 기능이나 별도 모션 툴을 함께 써야 했지만, 이제 Figma 캔버스 안에서 움직임을 더 직접 다룰 수 있습니다.
가장 큰 변화는 타임라인입니다. Figma Design에 키프레임과 프리셋이 포함된 모션 타임라인이 추가됐습니다. 사용자는 기존 디자인 위에 움직임을 입히거나, 처음부터 애니메이션을 만들 수 있습니다. Figma Agent에게 원하는 움직임을 설명해 시작점을 생성한 뒤, 타임라인에서 직접 수정할 수도 있습니다.
Figma Motion은 3D 트랜스폼도 지원합니다. 프레임, 벡터, 텍스트를 z축으로 회전할 수 있고, 드래그하면서 실시간 미리보기를 볼 수 있습니다. 만든 결과는 편집 가능한 상태로 유지됩니다. CSS로 내보내거나 MCP와 연결할 수 있어, 디자인에서 만든 공간감 있는 움직임을 코드와 이어갈 수 있습니다.
출력 형식도 넓습니다. Figma Motion은 CSS, JSON, React, MP4, WebM, Animated SVG, GIF 형식으로 내보낼 수 있습니다. 짧은 마이크로 인터랙션부터 제품 소개용 모션까지 Figma 안에서 만들고 공유할 수 있습니다.
사용자에게는 작업 흐름 변화가 큽니다. 디자이너는 화면 설계와 움직임 설계를 같은 파일에서 다룰 수 있습니다. PM과 개발자는 정적인 화면만 보는 대신 실제 전환감과 반응을 더 빠르게 확인할 수 있습니다. 개발 전달 과정에서도 “어떻게 움직여야 하는지”를 말로 설명하는 부담이 줄어듭니다.
Figma Motion은 모든 요금제에서 오픈 베타로 제공됩니다. 2026년 6월 24일부터 순차 배포 중이며, 편집 권한이 있는 디자인 파일에서 툴바 토글을 Motion으로 바꾸면 사용할 수 있습니다.
더 보기 및 출처
