Skills
.Work. You
Rest

figma-use-motion

Official

Analyze and animate Figma nodes with precision and control.

Design & Creative#figma#animation#motion design#keyframing#animation styles
Authorfigma
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of animating Figma nodes with precision, providing tools for keyframing, easing, and timing control.

Core Features & Use Cases

  • Motion Keyframing: Add, edit, and remove keyframes for nodes to create animations.
  • Animation Styles: Apply and manage reusable animation styles for consistent design.
  • Timeline Duration: Adjust timeline durations to control the timing of animations.
  • Use Case: For a product designer, this Skill can be used to animate a series of UI elements to create a smooth transition effect between screens.

Quick Start

Load the figma-use-motion skill alongside figma-use to animate a node's position over 2 seconds with an ease-out effect.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: figma-use-motion
Download link: https://github.com/figma/mcp-server-guide/archive/main.zip#figma-use-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 620,000+ vetted skills library on demand.