figma-prototyping
Installation
SKILL.md
Figma Prototyping Animation Principles
Implement all 12 Disney animation principles using Figma's prototyping and Smart Animate features.
1. Squash and Stretch
- Create two frames: normal and squashed states
- Scale element:
width: 120%,height: 80% - Connect with Smart Animate
- Use "Ease In and Out" timing
Frame 1: Circle 100x100
Frame 2: Circle 120x80 (squashed)
Interaction: Smart Animate, 150ms