HyperCrop
クロッパー
Instagram never met an aspect ratio it did not want to invent. Reels, Stories, carousels, square feed posts, boosted placements—each one wants something a little different. HyperCrop is how I keep those requests sane without leaving Figma. Instead of duplicating artboards and nudging masks by hand, the plugin lets me resize entire sets of posts in minutes.
Why Instagram resizes are tricky
Organic feeds might get by on a single square, but paid teams expect matching 1:1, 4:5, 9:16, and landscape variants. When you add localization or iterative testing on top of that, the asset list explodes. HyperCrop keeps every crop tied to the approved design so I am never guessing which elements should stay visible in each placement.
My Instagram-first HyperCrop preset
I keep a preset called “IG Run” that includes every ratio Instagram supports, plus a few optional exports for Meta placements. The preset enforces safe areas, so product shots and faces never end up under UI chrome. Smart detection automatically pulls the focus to the subject, and any tricky frames can be nudged with manual overrides before exporting.
Shipping the full set in one go
- Select the hero frames, Story layouts, or component variants you want to repurpose.
- Trigger HyperCrop, choose the “IG Run” preset (or build your own), and preview the crops side by side.
- Export the optimized versions directly into folders named by placement so the media team can upload them to Ads Manager without renaming anything.
Because the process lives in Figma, the whole team can run another batch anytime Instagram tweaks a spec or a creative tests better than expected. HyperCrop quietly handles the grunt work while we keep experimenting with the message.
Keep naming consistent
Use HyperCrop’s suffix options (_story, _reel, _feed) to keep exported files labeled by placement. That makes it easy for media buyers to drag the right assets into Ads Manager or Creator Studio without cross-checking spreadsheets.
Lessons learned
- Add extra padding for Stories to account for IG UI chrome at top and bottom.
- Store your Instagram presets in a shared Figma library so contractors and interns can ship assets without oversight.
- Pair HyperCrop with a compression plugin to keep upload times fast when you’re delivering dozens of ratios.