animate-design
Turn static material into a real motion-designed video — a Figma design's LAYERS, or the user's own uploaded assets (photos, logos, screenshots, clips), become a composed, animated ad/reel where elements slide, scroll, type on, parallax, and smart-animate, tuned by eye, then rendered — or add designed motion to a video that already exists. The user can describe the motion they want, or let the skill analyze the assets and propose a concept. Use when the user wants to animate a design or assets, "make an ad/reel/video from these images/frames/screens", add motion to a Figma flow, bring static material to life, or add an animated intro, title card, transition, morph, callout or logo reveal to a tutorial, walkthrough, promo or reel. Not for cutting the user's footage into an edit, and not for generating footage from a pure text idea (that's generate-media); the motion inside such a video still comes here.
Pinned to revision 4e8964e24a5a, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/animate-design/SKILL.md
- skills/animate-design/LICENSE
- skills/animate-design/references/asset-routes.md
- skills/animate-design/references/figma-context.md
- skills/animate-design/references/motion-state.md
- skills/animate-design/references/motion-vocabulary.md
- skills/animate-design/references/scope-and-formats.md
- skills/animate-design/references/stage-2-compose.md
- skills/animate-design/references/video-generation.md
Every link opens the file at its source, pinned to the revision this page describes.