Motion & Interaction Design Log

A home for micro-interactions, easing, and animation specs.

Document the motion side of your product — micro-interaction patterns, an easing-curve reference with code values, a Lottie/After Effects tracker, performance metrics, and accessibility guidance so handoff stops being guesswork.

What's inside

• Easing reference + micro-interaction patterns
• Lottie/After Effects & prototype trackers
• Performance metrics + reduced-motion accessibility

$6.99 — one-time purchase, lifetime access.

Get Motion & Interaction Design Log on Notion

Who it's for

Product and interaction designers who specify animations and micro-interactions and want handoff to developers to stop being guesswork.

How to get started

1. Get it on Notion and duplicate it into your own workspace.
2. Add the micro-interactions in your product to the patterns database, each with its trigger and easing.
3. Use the easing reference to pick curves and copy the code values into your handoff notes.

Questions

Does it include animation files?

No. It is a log and reference, not an animation library. It tracks your Lottie and After Effects files and prototypes, and documents easing values, performance and reduced-motion guidance.

What is included in the Motion & Interaction Design Log?

Micro-interaction patterns, an easing-curve reference with code values, a Lottie and After Effects tracker, a prototype tracker, performance metrics and reduced-motion accessibility guidance.

Is it a subscription?

No. It is a one-time purchase of $6.99 through Notion's checkout. You get the template straight away and keep it.

UX laws behind it

• Doherty Threshold
• Design every state

More templates

• Graphic Designer Creative Studio
• UX Research Vault
• Design Project Manager OS
• Product Designer Workspace