Design an animation system
Define product motion design
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Design a motion and animation system for [product]. Define: easing curves for different interaction types (enter, exit, transition), duration guidelines by element size and importance, spring physics values for interactive components, reduced-motion alternatives for all animations, and when NOT to animate. Provide CSS custom property definitions.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Evaluate a design for accessibility
Audit designs for accessibility
Explainer Video Script
Create engaging educational videos