---
title: "How To Crop In Figma"
h1: "How To Crop In Figma"
description: "Discover the essential steps to crop images in Figma effectively. Enhance your design skills with our comprehensive guide and tips for perfect results."
route: "/learn/how-to-crop-in-figma"
canonical: "https://www.layerpath.com/learn/how-to-crop-in-figma"
---

# 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.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm99cdif7006ckz0cgiq2tg61/tour

Tour id: cm99cdif7006ckz0cgiq2tg61

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.