Motion Design

Purpose

Design motion systems for digital products: animation principles, micro-interactions, transitions, Lottie animations, and motion guidelines that enhance user experience. Motion should serve a functional purpose — guiding attention, providing feedback, communicating hierarchy, and creating continuity between states.

Agent Protocol

Trigger

Exact user phrases: "motion design", "animation", "micro-interaction", "Lottie", "transition", "UI animation", "motion guidelines", "easing", "keyframe animation", "spring animation", "motion system".

Input Context

• What is the product type and platform (web, mobile, native)?
• What is the purpose of the animation (feedback, navigation, delight)?
• What existing motion system or design system is in place?
• What are the performance constraints (device targets, frame rate)?
• What accessibility requirements exist (reduced motion preferences)?
• What is the animation complexity budget?