HyperCrop
クロッパー
Smart cropping is the line between “good enough” and “why did we chop the product in half.” HyperCrop brings computer vision into the Figma workflow, so the plugin can spot faces, logos, and key focal points before you ever export. I trust it for every campaign where we cannot afford sloppy framing.
Smart detection built for designers
HyperCrop scans each frame, looks for the most important element, and anchors the crop around it. You still have manual overrides, but nine times out of ten the automatic result is exactly what you need. That keeps me from burning time nudging masks and gives stakeholders confidence that the hero stays intact across every ratio.
Safe areas for every channel
Beyond the detection, I can define safe-area padding inside the preset. That means the plugin automatically keeps UI chrome, text overlays, or device frames from being trimmed, which is huge for app store screenshots and paid placements. Everything exports consistent and on-brand.
Dialing in a smart-cropping workflow
- Pick the frames that need multiple crops.
- Launch HyperCrop with smart detection enabled and preview each ratio in the panel.
- Adjust any edge cases manually, then export the entire batch as final files or slices back into the file.
Smart cropping should not require a separate round-trip through Photoshop. HyperCrop gives Figma the intelligence it was missing and helps every campaign ship faster.
Keep learning from exports
When a crop requires manual tweaks, duplicate the preset and note why. Over time, you’ll build a library of special cases (close-up portrait, wide product lineups) that HyperCrop can apply automatically the next time you encounter them.
Communication
Share the smart-crop previews with photographers or illustrators during planning sessions. They’ll understand how their work will be repurposed across breakpoints, which often influences art direction before production even begins.