Mute — An All-in-One Motion Design Utility
A motion designer’s side project that grew into a complete workflow toolkit.
Backstory
Mute didn’t start as a product — it began as a personal workflow hack.
Back in 2021, I built a small After Effects script called mExpression to help me store and reuse animation expressions I often wrote from scratch.
It solved one problem really well — creating and managing an expression library — and soon caught the attention of the motion design community.
Even Motion Design School recommended it to their students because there was simply no other tool that did this efficiently at the time.
But as the script gained users, I began to hit the limits of what the After Effects scripting interface could do.
Scripts were functional, but their UI capabilities were extremely restricted — no modular panels, no real interactivity, and no visual flow.
As a designer, that friction bothered me.
So I decided to rebuild the idea entirely as a CEP extension — leveraging Chromium, React, SCSS, Node.js, Firebase, and ExtendScript — to create something more robust, visual, and cohesive.
That rewrite became Mute, an all-in-one motion utility panel built for designers like me who wanted power and polish in one place.
The Problem
Design Goals
1. Native by Nature
2. Flexible and Personal
No two motion designers work the same way — so Mute shouldn’t assume one pattern fits all.That led to the customizable Home Panel: users can choose which tools appear on their main screen, tailoring Mute to their personal workflow.
The result is a workspace that evolves with the user, not the other way around.
3. Frictionless Flow
Speed isn’t just about performance; it’s about predictability.Mute’s interactions were designed to minimize clicks, context switches, and decision fatigue.
Frequent actions are always within a single glance, while secondary ones remain close but out of the way.
Everything loads fast, feels snappy, and provides subtle visual feedback — maintaining flow without distraction.
4. Consistent Depth
With more than 20 distinct tools under one interface, consistency became non-negotiable. Each feature follows a shared interaction model — same layout grid, same icon rhythm, same logic of feedback. Once you’ve learned one module, you intuitively understand the rest. It’s simplicity scaled through structure.