Back to Plugins
Capture Motion

Capture Motion

Capture animation from any website. Reuse it anywhere

Plugin Preview

Capture Motion preview

About this plugin

🎬 Capture Motion — Import Real Website Animations into Figma MotionTurn any website animation into an editable Figma Motion timeline.🚀 Capture Motion lets you record real animations from websites and instantly recreate them inside Figma Motion. Instead of manually rebuilding animations frame by frame, Capture Motion extracts the actual motion data and converts it into editable Figma layers and timelines.Whether it's a hover effect, page load animation, scroll-triggered interaction, GSAP sequence, or Lottie animation, Capture Motion helps designers and developers understand, recreate, and iterate on real-world motion design faster than ever.✨ Key Features🎯 Capture Real Website AnimationsCapture animations from any websiteSupports load, hover, click, and scroll-triggered animationsExtracts actual timing, easing, delays, and keyframes⚡ Works with Popular Animation TechnologiesCSS AnimationsCSS TransitionsWeb Animations API (WAAPI)GSAPLottieCanvas animations (fallback support)🎨 Import Directly into Figma MotionRebuild animations as editable Figma Motion timelinesReal layers, keyframes, and propertiesNo screenshots or video recordingsFully customizable after import💻 Export Production-Ready CodeCSSGSAPReact / Framer MotionAnimation data for developers🤖 AI-Friendly WorkflowCopy animation data for ChatGPT, Claude, and other AI assistantsGenerate working HTML, CSS, and JavaScript recreations instantly🔒 Privacy FirstNo account requiredCaptured animation data stays on your deviceFree to use🎯 Perfect For✅ Motion Designers✅ UI/UX Designers✅ Figma Motion Users✅ Frontend Developers✅ Design Systems Teams✅ Product Designers✅ Creative Developers📬 Support & Community📧 Email: [email protected]💬 Discord: https://discord.gg/crafttor🌐 Website: https://crafttor.comCapture Motion helps you learn, inspect, recreate, and edit real website animations inside Figma Motion making web motion design more accessible, reusable, and editable than ever before. 🚀🔍 SEO KeywordsFigma Motion, animation importer, website animation capture, motion design tool, Figma animation plugin, GSAP animation inspector, CSS animation extractor, motion design workflow, animation reverse engineering, web animation recorder, Figma motion timeline, Lottie animation capture, UI animation tool, interaction design, animation handoff, motion design inspiration.

Plugin Details

Version2
CreatedSeptember 4, 2026
Last UpdatedSeptember 4, 2026
CategoryPrototyping & animation plugins
CreatorCrafttor
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none