Figmotion: 가볍게 모션 만져보기

살아있는 인상을 전하는 모션은 이제 디지털 프로덕트에서 필수 요소가 되었습니다. 하지만 모션을 시작해보려 해도 쉽사리 도전하기 어려울 때가 많습니다. 생각보다 준비할 것이 많고 제작이 쉽지 않기 때문입니다. 어도비의 애프터 이펙트를 구독해야 하고 움직임을 피그마나 다른 개발 환경에서 사용하기 좋게 변환해주는 Lottie라는 플러그인도따로 배워야 합니다.

피그모션 Figmotion은 다음 단계의 어려운 모션을 배우기 전에 피그마로 간단한 모션을 만들어 볼 수 있는 플러그인입니다. 애프터 이펙트 After Effect에서 주로 많이 사용하는 기능들을 간단하게 사용할 수 있습니다. 가장 많이 쓰이는 위치, 투명도를 프레임별로 조절할 수 있고 베지어 곡선으로 움직임을 섬세하게 조절할 수도 있습니다. 무겁게 파일을 사용하지 않아도 되니 가볍게 사용하기 좋은 플러그인입니다. gif로 내보낼 수 있고 개발에서 사용하는 CSS나 JSON으로도 내보낼 수 있습니다.

더 보기 및 출처

비슷한 글

디자인 나침반 뉴스레터

매주 화요일 아침, 16년 차 디자이너가 큐레이션한
영감을 주는 뉴스, 트렌드, 아티클을 모아보세요.

인기

lotteria-rebranding-01
롯데리아 리브랜딩: 불고기 버거에서 리아 불고기로
toss-stock-pc-01
토스 증권 PC 출시: 증권 서비스도 디자인 혁신
musinsa-desktop-quit-01
무신사 PC 버전 종료: 넘쳐 버린 개발 부채

최근

window11-design
마이크로소프트 윈도우 11 비주얼 디자인
cmf-phone
CMF Phone 1
slack-ios-widget
슬랙 iOS 위젯

디자인 나침반 아카데미

thumbnail-course-list-ux
UX 디자인 클래스: 선택 받는 서비스를 위한 UX 디자인
ui-design-main-mobile
UI 디자인 클래스: 변치 않을 인터페이스의 본질 배우기

최근 소식

dyson-ontrac-01
q10-accident-01
harrisforpresident-01
ms-cloud-error-01
lotteria-rebranding-01
toss-stock-pc-01
cfcldn-01
kakao-id-card-01
Channela-rebranding-01
baemin-increase-price-01
galaxy-ring-01
olympic-uniform-01