skills.rest
redongreen
redongreenCOMMUNITY
Explore all skills by this author →
GitHub

create-motion

Generate motion specification annotations in Figma from After Effects timeline data.

236|32|Updated Jan 23, 2026
Search Tags:#design system#figma#spec generation#animation#motion design#after effects
One-click install
npx skills add https://github.com/redongreen/uSpec --skill create-motion
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-motion
Source: https://github.com/redongreen/uSpec/tree/main/.cursor/skills/create-motion
Command: npx skills add https://github.com/redongreen/uSpec --skill create-motion

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about create-motion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate motion specs in Figma from After Effects data?▼

To generate motion specs in Figma, paste After Effects timeline JSON data, file references, or Figma destination links. The skill creates visual timeline bars and detail tables documenting animated properties, easing, and timing.

What is the best way to document UI animation timing for developers?▼

Documenting UI animation timing is best handled by translating After Effects data into visual timelines and tables. This generates clear representations of property changes and easing directly in Figma, ensuring developer clarity.

Do I need a Figma Console MCP connection to create motion design annotations?▼

Yes, creating motion design annotations requires a Figma Console MCP connection. This connection allows the skill to validate the specific JSON schema and render the visual timelines and detail tables in Figma.

Can I paste JSON directly to create a visual timeline for animation properties?▼

Yes, you can paste JSON directly to create a visual timeline. The skill supports direct JSON pasting, file references, and Figma destination links to generate timeline bars and detail tables for animated properties.

Does this motion spec generation tool support external file references?▼

Yes, motion spec generation supports external file references. You can input animation data via direct JSON pasting, referenced files, or Figma destination links to create the visual timeline and detail tables.

Why does my animation data fail schema validation during spec generation?▼

Animation data fails schema validation during spec generation when the JSON structure does not match the required After Effects timeline format. Ensure your JSON data accurately represents the animated properties before processing.

Related Skills

Explore More Design & Creative Skills→
designagentlabdesignagentlab
20

figma-mcp-console-setup

Automate Figma Console MCP setup for Claude integration on macOS and Windows.

Official
Advanced
truongnattruongnat

motion-design-pro

Coordinate GSAP timelines, Framer Motion variants, and CSS animations for 60fps UI motion.

Community
Advanced
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
gbasingbasin
7

figma-to-react

Convert Figma designs to React components with Tailwind CSS.

Community
Advanced