Skills
.Work. You
Rest

create-motion

Community

Animate Figma designs with motion specs.

Design & Creative#design system#figma#spec generation#animation#motion design#after effects
Authorredongreen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of detailed motion specifications directly within Figma, translating After Effects animation data into visual timelines and tables, eliminating manual documentation.

Core Features & Use Cases

  • Generate Motion Specs: Creates timeline bars and detail tables for animated properties from After Effects compositions.
  • Input Flexibility: Accepts JSON data pasted directly, referenced via file, or linked to a Figma destination.
  • Use Case: When documenting a complex UI animation, use this skill to automatically generate a clear, visual representation of the animation's timing, easing, and property changes, ensuring consistency and clarity for developers.

Quick Start

Use the create-motion skill to generate a motion specification from the provided JSON data.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: create-motion
Download link: https://github.com/redongreen/uSpec/archive/main.zip#create-motion

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.