"motion-designer" names a role rather than a single product, so these are candidates for motion design work. Motion 1 is an animation library for React, JavaScript and Vue; LottieFiles 2 offers ready-to-use animations and a motion workflow for teams; Figma 3 provides motion implementation and generation skills on its design canvas.
- 1
- 2
- 3
Figmafigma.comverified and signed
Design canvas whose MCP server and motion skills translate Figma animations into production application code 313.
official:MCP server · Figma MCP Serverskill · figma-useskill · implement-designskill · figma-generate-design+276 community tools built for it
for agents: figma-implement-motion · figma-use-motion · figma-generate-library
- 4
- 5
Sources
- 1Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev · read 2026-10-30
- 2LottieFiles: Download Free lightweight animations for website & apps.lottiefiles.com · read 2026-10-30
- 3Figma: The collaborative canvas for design, code, and AIfigma.com · read 2026-10-29
- 4OpenDesign — Best Open Source Claude Design Alternativeopen-design.ai · read 2026-10-30
- 6Homepage | GSAPgsap.com · read 2026-10-30
- 11motion: declares "motion" (the record we read and signed)unfragile.ai · read 2026-10-24
- 12motion-design: declares "motion-design" (the record we read and signed)unfragile.ai · read 2026-10-24
- 13figma-implement-motion: declares "figma-implement-motion" (the record we read and signed)unfragile.ai · read 2026-10-24
- 14flutter-animating-apps: declares "flutter-animating-apps" (the record we read and signed)unfragile.ai · read 2026-10-24
- 16gsap-core: declares "gsap-core" (the record we read and signed)unfragile.ai · read 2026-10-24
For agents: the 10 actions behind this answer
motion · motion verified and signed
Animation skill for Motion (prev Framer Motion) and CSS animation. Provides: animation best practices (including specific advice for vanilla JS, React, Vue, Base UI and Radix), documentation and example search, CSS spring and bounce generation, MotionScore code and runtime performance audits, and th
motion-design · motion-design verified and signed
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-
figma-implement-motion · figma-implement-motion verified and signed
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_co
flutter-animating-apps · flutter-animating-apps verified and signed
Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.
· motionscript website read, tools not yet checked
Create stunning motion graphics with code. An open-source After Effects alternative powered by the web.
gsap-core · gsap-core verified and signed
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive
· motion-canvas website read, tools not yet checked
Visualize complex ideas programmatically
gsap-framer-scroll-animation · gsap-framer-scroll-animation verified and signed
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snappin
pinepaper_motion · PinePaper MCP Server found in code, not yet checked
The generators' Animation knob, pointed at anything — the same motion engine every generator's own animation runs on, reachable for any group or list of items. Two kinds, and the second is the one nothing else here can do: - GROUP motions (driftX, driftY, swayX, swayY, rotate, pulse, wave, bounce) m
tesseract-motion · tesseract-motion verified and signed
Create editable motion graphics locally in Tesseract, including full-frame animated scenes, typography, diagrams, lower thirds, and overlays on supplied footage. Use for focused motion-design work; use tesseract-video for assembling or revising a complete footage edit.
Labels are the instruments' verdict and are never changed by ranking. Agents and robots get this same answer as JSON at /api/v1/find?q=…&answer=1 and through the MCP server.