How to crop an image in Figma

Oscar de la Hera Gomez
A flower that represents Figma with the text "Crop Images" beneath it.

Double click on the image. Select crop from the menu in the pop up and crop the image.

The following tutorial walks you through how to crop an image in Figma. If you are interested in other Figma tutorials, please consult our links below.

Step One: Double click the Image

A screenshot of Figma with the Image fill menu pop up highlighted.

Select the image you wish to crop and double click it. This will open up the image menu in a pop up.

Alternatively, after selecting it select image under fill in the design inspector on the right side.

Step Two: Select Crop

A screenshot of Figma with Crop highlighted in the image pop up menu dropdown which is initially titled fill.

In the image pop up menu, click on the drop down menu which is set to Fill and select Crop.

Step Three: Set the crop area

A screenshot of Figma with a highlight over our image which is being cropped in preview mode.

Set the crop area using the handles provided by Figma. It will provide a preview of your final crop.

Step Four: Finish

A screenshot of Figma with the image cropped.

Once you have set the crop area, press Enter to crop the image.

Looking to learn more about the basics behind text, shapes and media in Figma ?

Consult the list below to learn more about the basics behind text, shapes and media in Figma.

Any Questions ?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details