The best part about Figma is that it allows the flexibility to edit images with its tools. In this guide, we will help you with cropping an image through a simple demonstration to get you all covered.
Crop an Image in Figma
- Open your web browser, go to Figma, and sign in or create a new Figma account.
- After you’re on the home screen, click the Design File button to create a new design, prototype, or wireframe, or open an existing one from the Recent.
- Select the image you wish to crop and double-click it to open the image menu in a pop-up. Alternatively, navigate to the Design Inspector on the right side and select Image under Fill.
- In the image pop-up menu, click on the drop-down menu that is set to Fill and select Crop.
- Use the handles provided by Figma to adjust the crop area, and Figma will show a preview of your final crop.
- Once you’re satisfied with the crop, hit Enter to finalize and crop the image.
Wrapping Up
Congratulations on learning how to crop an image in Figma!
While Figma offers the flexibility to crop an image, if you’re not satisfied with the result, try using conventional photo editors for better results. Alternatively, you can use online photo editors to crop the image and add it to Figma.
Related Reading
How To Resize Image in Figma Without Cropping
How To Replace an Image in Figma
