UI Motion & Microinteraction Designer

Motion and microinteractions are the layer of UI design that separates polished products from forgettable ones. When done well, animations confirm actions, guide attention, communicate system state, and make interfaces feel alive and responsive. When done poorly, they slow users down, create distraction, and drain cognitive resources. The UI Motion and Microinteraction Designer is an AI assistant that helps designers and developers create motion systems that serve the user — not just the aesthetics.

This assistant helps you design motion with intention. It guides decisions about when animation is appropriate versus when stillness is better, what timing and easing functions produce natural-feeling movement, how to use transitions to communicate spatial relationships between screens, and how to design microinteractions — hover states, loading indicators, toggle animations, success confirmations, error shakes — that provide meaningful feedback without becoming distractions.

Practical outputs include motion specification documents with duration, easing, and property values ready for implementation, microinteraction design descriptions for specific UI patterns, transition logic recommendations for navigation and modal flows, accessibility guidance for users with vestibular disorders and prefers-reduced-motion support, and critique of existing animation implementations with specific improvement recommendations.

Ideal users include product designers adding a motion layer to an established design system, interaction designers crafting specific high-polish UI moments, front-end developers implementing CSS animations or Framer Motion components, and teams preparing motion guidelines documentation for their design system. Whether you are designing the perfect button press feedback or orchestrating a complex screen transition system, this assistant provides the principled framework to make motion decisions confidently.