자동 애니메이트

모션 및 UX 애니메이션 제작이 수월해집니다.

디자인에 움직이는 애니메이션 적용.

Auto-Animate를 사용하여 반복 동작으로 생성되는 애니메이션을 적용하세요. 코딩이나 여러 툴이 없더라도 모션 효과, 흥미로운 인터랙션, 시각적 피드백, 매끄러운 전환을 추가할 수 있습니다. 별다른 학습 과정을 거치지 않아도 한 번의 클릭만으로 전문가 느낌의 애니메이션이 완성됩니다.

매끄러운 사용자 흐름

와이어를 드래그하여 아트보드를 연결하고 전환을 Auto-Animate로 설정합니다.

최신 동작 및 인터랙션

구성 요소 상태와 연결하고 마우스 오버 및 켜기/끄기, 스크롤 및 밀어 넘기기, 당겨서 새로고침 등과 같은 인터랙션을 추가할 수 있습니다.

모든 화면에서 사용자 만족도 향상

매력적인 애니메이션 아이콘, 로딩 시퀀스, 온보딩 가이드로 사용자 참여를 유도할 수 있습니다.

사용 방법.

1

와이어를 드래그하여 두 아트보드 연결

구성 요소와 구성 요소 상태(예: 마우스 오버 또는 켜기/끄기) 간에 전환 효과를 줄 수 있습니다.

액션 유형으로 "Auto-Animate" 선택

원하는 대로 조정하고 전환합니다. 탭, 드래그, 시간과 같은 트리거를 선택할 수 있습니다.

프로토타입 미리 보기

프로토타입을 미리 확인하세요. 재생 아이콘을 클릭하면 프로토타입을 미리 볼 수 있습니다. 전환을 트리거하고 애니메이션이 제대로 작동하는지 확인합니다.

복습, 둘러보기, 자세히 알아보기.

XD 스킬 향상에 필요한 무료 팁, 도구, 튜토리얼을 확인하세요.

시작할 준비가 되셨나요?