Boost After Effects Workflow with Mt.Mograph Motion & Bodymovin Plugins
Learn how the Mt.Mograph Motion and Bodymovin plugins streamline creating and exporting After Effects animations, offering quick axis adjustments, curve editing, bounce effects, and seamless Lottie integration for web and mobile front‑end development.
Adding appropriate motion effects enhances user interaction and clarifies information hierarchy, but creating them can be time‑consuming. This article introduces two After Effects (AE) plugins that help designers quickly implement animations and improve developer efficiency.
1. Mt.Mograph Motion Plugin
This AE script plugin enables fast editing of simple animation curves with an easy‑to‑use interface.
Axis Point : Adjust layer center with one click, replicating AE’s anchor‑point tool but more convenient.
Animation Curve Adjustment : Modify object animation curves and speed to achieve acceleration, deceleration, and easing effects.
EXCITE : One‑click bounce effect with adjustable overshoot, bounce, and friction parameters; demonstrated on position animation.
JUMP : Simulates object landing bounce or floating in water using Stretch and Gravity parameters; Max Jumps controls height, Jump In/Out toggles landing vs. floating effects.
Note: These effects control keyframes; select the relevant keyframe before adding or deleting an effect to ensure clean removal.
2. Bodymovin Plugin
Before Bodymovin, Lottie—a library open‑sourced by Airbnb—supports rendering AE animations on Android, iOS, and React Native.
Designers create animations in AE, then export them with Bodymovin as SVG/Canvas/HTML + JS (JSON). Developers can render the animation by loading the exported JSON, greatly speeding up implementation.
Installation steps: install the plugin, open the panel via Window → Extensions, and ensure “Include in json” is checked for image assets.
Export options: enable “Demo” to generate an HTML preview file, or upload the JSON to Lottie’s preview page.
Resulting files (data.json and demo.html) can be handed to developers for integration.
The article concludes with download links for both plugins and a brief note that the author used these effects for a real‑estate project.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
FangDuoduo UEDC
FangDuoduo UEDC, officially the FangDuoduo User Experience Design Center. It handles UX design for FangDuoduo’s suite of products and focuses on pioneering experience innovation in the online real‑estate sector.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
