I’m working on a design project and need to crop images to exact dimensions in Figma. While I know you can drag and drop to crop images, I’m struggling to get the precise measurements I need for my layout.
The drag handles seem to move freely, but I can’t figure out how to constrain them to specific pixel values or ratios. Is there a way to input exact crop dimensions or use some kind of measurement tool while cropping?
I’ve tried eyeballing it but that’s not accurate enough for my client’s requirements. Any tips on achieving pixel-perfect crops would be really helpful. Thanks in advance!
The mask feature is perfect for this. Import your image, create a shape (rectangle, circle, whatever) with your exact dimensions in the properties panel. Position it over what you want to keep, select both the image and shape, then right-click and hit ‘Use as Mask’. You get complete control over the crop area and can still move the image underneath if you need to. Way more reliable than the built-in crop tool, especially with complex layouts where you need consistent sizing across multiple images.
double-click the image to crop, then hold shift while dragging corners - keeps the aspect ratio locked. pro tip: crop roughly first, then hit up the align panel to position it exactly where u want. way faster than doing it manually and you’ll get it spot-on instead of just eyeballing it.
Use the crop tool with the properties panel on the right. Select your image, hit the crop icon, then punch in exact width and height values in the W and H fields. Way more precise than dragging handles around. Here’s another trick I use - create a frame or rectangle first with your target dimensions, drop the image inside, then set fill to ‘Crop’ and tweak the position. Works great when you need the same dimensions across multiple images.
If you’re aiming for precision in cropping images in Figma, the transform panel is the way to go. Once you’ve selected your image and entered crop mode, you can find the X and Y values in the transform section. By entering exact numbers, you can control the crop placement accurately, which is particularly beneficial if you’re dealing with several images needing the same specifications. Another time-saving strategy is to create a component with your desired crop dimensions beforehand, then simply replace the images within that frame. This keeps everything uniformly sized thanks to the constraints.