피그마로 쉽게 애니메이션 만들기, 그냥 따라만 하세요! (10분컷) | 피그마 프로토타입 기초 #피그마사용법 #스마트애니메이션 #프로토타입 #UIUX

#피그마 #피그마사용법 #스마트애니메이션 #프로토타입 #인터랙션 #uiux 오늘은 Figma 프로토타입으로 실무에서 자주 쓰는 3가지 애니메이션을 빠르게 만들어볼게요! 이번 영상은 처음 프로토타입을 만드는 분도 그대로 따라 하실 수 있게 구성했어요. 끝까지 보시고 바로 실무에 적용해 보세요! 챕터✨ 00:00 인트로 00:37 버튼 호버 애니메이션 01:54 스마트 애니메이션 설정 02:12 프로토타입 미리보기 팁 02:31 카드 슬라이드 애니메이션 (캐러셀) 02:46 모바일 프레임 만들기 02:58 카드 프레임 만들기 03:13 스케일 사이즈 조절 팁 03:25 이미지 슬라이드 만들기 04:55 컴포넌트 이미지 위치 설정 (Constraints) 05:34 모바일 프레임에 적용하기 06:40 프로토타입 연결 팁 07:21 캐러셀 애니메이션 프로토타입 완성 07:26 그라데이션 블러 루프 07:43 Layer Blur 적용 방법 08:30 스마트 애니메이션 적용 팁 08:44 프로토타입 연결 팁 (After Delay) 09:20 그라데이션 블러 루프 애니메이션 완성 09:25 마무리