Agent skill · practicalswan
figma-use-motion
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.
What it needs
About 5k tokens when loaded.
What this skill does
usefigma — Figma Plugin API Skill for Motion Motion context for the usefigma 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 usefigma 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 usefigma 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. Exposed motion API surface node.manualKeyframeTracks — read/write manual keyframes (including fill, stroke, and effect tracks). node.applyManualKeyframeTrack(field, track) / node.removeManualKeyframeTrack(field) — add, replace, or remove one manual keyframe track without rewriting the whole object. node.animationStyles — read/write animation-style metadata applied to a node. node.applyAnimationStyle(styleId, presetData?) / node.removeAnimationStyle(id) — apply a discovered style and remove an applied style instance by its returned/read-back id. node.timelines — read-only timeline list for the containing top-level frame, with durations in seconds. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills practicalswan/figma-use-motion