UX-0070Pro

Motion Design Specification for E-Commerce Design System Animations

UX / UIAdvancedText · Claude

Design Systems

Sign in to save

Prompt

This prompt is part of Pro

Create your free account to open 3 free prompts a day, or go Pro to open this one and the whole library.

Preview: the title, when to use it and the expected output. The prompt text opens with Pro.

When to use

Specify motion design guidelines for an e-commerce design system with 10 animation patterns and performance budgets

Expected output

Motion spec with principles, 4 easing tokens, 10 interaction patterns with implementation snippets, and reduced motion alternatives

Tags

design-systemmotionanimationecommerceperformance