Capture Motion - by Crafttor - Animate any website animation in FIgma
by Crafttor
Capture animation from any website. Animate it in Figma motion
Installs
4
Likes
5
Users
15
Views
123
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: hello@crafttor.com💬 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.
More prototyping & animation plugins plugins
View allFigmotion
by L
Bringing motion to your Figma designs
LottieFiles - Discover, Create & Export Lottie animations
by LottieFiles
Animate Your Designs with Lottie Animations
Motion – Animate UI & Create Animations in Figma
Paidby Pavel Babkin
Animate UI in Figma. Export to video, GIF, SVG.
Jitter · Animation for Figma
by Jitter
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers