What is figma-prototyping?
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate Source: dylantarre/animation-principles.
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Quickly install figma-prototyping AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Implement all 12 Disney animation principles using Figma's prototyping and Smart Animate features.
Create: Pose A → Pose B → Pose C frames
| 100ms | Micro-interactions, button feedback | | 200ms | Standard transitions | | 300ms | Page transitions, modals | | 400-500ms | Complex reveals | | 800ms+ | Dramatic, attention-getting |
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate Source: dylantarre/animation-principles.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill figma-prototypingUse when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill figma-prototyping Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles