Figma Use Motion
Motion / animation context for the `use_figma` MCP tool, animating Figma nodes via...
Install
npx skills add figma/mcp-server-guide --skill figma-use-motion -g -a claude-code -y- Repository
- figma/mcp-server-guide2.1k
- Category
- Design
- Updated
- 7d ago
- License
- See repository
- Context cost
- Mediumabout 1,631 tokens
- Runs scripts
- No, instructions only
What it does
Motion / animation context for the `use_figma` MCP tool, animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node.
use_figma, Figma Plugin API Skill for Motion
Motion context for the use_figma MCP tool. figma-use covers the foundational Plugin API rules, load both together.
Always pass skillNames: "figma-use-motion" (comma-separated alongside figma-use) when calling use_figma for motion work. Logging only.
Runtime Gating
Motion APIs are gated behind the metronome user feature flag. When the calling user doesn't have it, every motion property and helper referenced in this skill throws "<name>" is not a supported API.
Bail out fast on that error. Do not retry; tell the user motion isn't enabled for them and stop. Otherwise you'll burn calls and confuse the user with repeated identical failures.
When to use this skill
Load this skill whenever a use_figma task involves:
- Adding, editing, or removing keyframes on a node (
manualKeyframeTracks,applyManualKeyframeTrack,removeManualKeyframeTrack). - Animating fill or stroke colors over time.
- Applying, editing, or removing animation styles (
applyAnimationStyle,removeAnimationStyle,animationStyles). - Reading or writing timeline duration via
node.timelines/node.setTimelineDuration(id, seconds). - Choosing easing for any of the above.
Static design work (creating shapes, components, variables, layout) goes through figma-use alone, this skill is only for the time dimension.
