← Back to HyperCrop Video Tutorials

What this video covers

This tutorial shows how to use the HyperCrop Figma plugin to batch crop and resize selected images into multiple output sizes, then export them as a zip file. It also demonstrates manual cropping, content aware cropping, face detection, and customizable file naming for exports.

Things you'll need

• Figma
• The HyperCrop plugin installed from Figma Community
• Images in the file with export settings applied

Steps

1. Install HyperCrop from Figma Community, then open it from Plugins > HyperCrop Batch Image Resizer.
2. Make sure the images you want to export have at least one export setting, then refresh the plugin to load them.
3. Select the images to crop on the right and choose output sizes on the left using presets or by entering a custom Crop Width and Crop Height.
4. Optionally add auto sizes, remove sizes with the Trashcan icon, and choose crop anchors, Content Aware, and Detect Faces for individual images.
5. Open Batch Crop, choose JPGs or PNGs, set image quality and image fill behavior, and adjust the File Name Format if needed.
6. Click Crop and Export Images to generate the resized files and save the zip export.
7. Use Crop Manually for a single image if you want direct control over aspect ratio, rotation, flipping, resizing, and downloading a JPG.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Batch crop and resize images into multiple sizes
• Next: Fine-tune an individual image crop
• Open HyperCrop in the Figma Community