What Resend shipped
Resend has updated its email editor with automatic image conversion and resizing capabilities. By handling modern and proprietary formats like WebP, HEIC, and SVG on the fly, the update removes a common friction point in email authoring.
Sending images in email has historically been a compatibility minefield, often resulting in broken layouts or bloated file sizes. This feature allows users to drag and drop almost any file type, relying on the editor to automatically optimize the asset for broad client support.
How the motion works
When demonstrating a drag-and-drop interaction, motion designers should consider utilizing a crisp punch-in to focus the viewer's eye exactly where the file lands. Scaling the interface up just before the drop emphasizes the action without requiring complex, distracting cursor animations.
To illustrate invisible backend processes like format conversion, a sequence of rapid hard-cut transitions between file extensions—such as HEIC to JPEG, or WebP to PNG—can effectively communicate the system's flexibility. Keeping the timing tight prevents the technical explanation from dragging while establishing the breadth of supported formats.
Pacing is critical when showing automated background tasks. Implementing a deliberate hold-time after an image automatically resizes allows the user to register the change in file size or dimensions before the demonstration moves on to the next capability, like the built-in alt text editor.
What to steal from it
- Use a punch-in to direct attention during drag-and-drop interactions rather than relying solely on a moving cursor.
- Communicate invisible backend processes like file conversion through rapid-fire typography changes.
- Build in adequate hold time after an automated UI change so the viewer can process the result before the next action begins.
Want a video like this for your product?
Impractical cuts one from a single prompt — the same motion craft, in about twenty minutes.
