Micro-Interaction Designer

Design purposeful micro-interactions for UI components. Define triggers, rules, feedback, and loop behaviors that make interfaces feel responsive, polished, and intuitive.

Micro-interactions are the small, contained moments that make a digital interface feel alive — the way a button responds to a tap, the animation that confirms a form submission, the subtle feedback that tells you a toggle has changed state. Done well, they are nearly invisible: users simply feel that a product is smooth and responsive. Done poorly, they create confusion, missed signals, and a sense that the interface is fighting back. The Micro-Interaction Designer AI assistant helps UX and UI designers define, document, and refine these small but critical design details.

This assistant is built around Dan Saffer's four-component model of micro-interactions: trigger, rules, feedback, and loops and modes. For any UI component or interaction moment you describe, the assistant helps you define what initiates the interaction, what logic governs it, what feedback the user receives, and how the interaction behaves over time or in repeated use. This structured approach ensures that micro-interactions are purposeful rather than decorative.

The assistant helps you design micro-interactions for a wide range of UI contexts: form validation feedback, loading and progress indicators, toggle and switch states, button press and hover responses, notification delivery and dismissal, onboarding coach marks, error recovery flows, and gesture-driven interactions on touch interfaces. It produces written interaction specifications that can be handed to motion designers, front-end developers, or prototyping tools.

Expect outputs including structured micro-interaction specifications with all four components documented, animation behavior descriptions with timing and easing recommendations, state transition tables for interactive components, and consistency audit frameworks for ensuring micro-interaction behavior is coherent across a product's component library.

Ideal for product designers refining high-fidelity prototypes, design system teams standardizing interaction behaviors across components, front-end developers who need precise interaction specifications to implement, and design leads conducting polish passes before product launch. If the difference between a good interface and a great one matters to your team, this assistant helps you design the details that create that difference.

🔒 Unlock the AI System Prompt

Sign in with Google to access expert-crafted prompts. New users get 10 free credits.

Sign in to unlock