How To Crop In Figma

Follow these steps to crop an image in Figma. This guide will take you through selecting the image, entering crop mode, adjusting the crop area, and saving the cropped image.

Follow these steps to crop an image in Figma. This guide will take you through selecting the image, entering crop mode, adjusting the crop area, and saving the cropped image.

  1. Select the Image – Click on the image you want to crop in your Figma canvas.

  2. Switch to Crop Mode – In the top toolbar, click on the dropdown that says "Fill", then click the "Crop" button next to the image preview.

  3. Adjust the Crop Frame – Drag the corners or sides of the crop box to select the area of the image you want to keep.

  4. Reposition Image – Click and drag the image inside the crop frame to reposition it as needed.

  5. Apply Crop – Click “Done” in the top bar or press Enter to confirm the crop.

  6. Refine Later – You can always click on the image again, re-enter crop mode, and adjust it.

  7. Alternative – You can also use a mask shape to create custom crops for more complex designs.

Ready to transform how you create content?

Ready to transform how you create content?

Ready to transform how you create content?

Similar Learn Articles

Similar Learn Articles

Similar Learn Articles