How to Crop in Figma

1. First, open the Figma project where you want to crop an image.

2. Now, double-click on the image to be cropped.

3. Then, click on the "Image name" in the Fill tab.

4. After that, click on "Crop" in the dropdown menu.

5. Video Step

(

)

6. After selecting the area to be un-cropped, double-click anywhere on the screen.

7. That's it!
You have successfully cropped an image in Figma.

8. Create a Supademo in seconds

This interactive demo/guided walkthrough on How to Crop in Figma was created using Supademo.

How to Crop in Figma : Step-by-Step Guide

Start by opening your Figma project where you'd like to edit and crop an image. This is where you'll make all the adjustments.

Next, locate the image within your project that you want to crop. Simply double-click on this image to access its editing options.

In the right-hand panel, find the Fill section and click on the name of the image file displayed there. This action will open more detailed fill options.

From the menu that appears, select the "Crop" option. This will switch your view to the cropping tool so you can start shaping your image.

For a quick visual guide, watch this short video to see the cropping process in action.

(

)

Now, drag to adjust the area you want to keep in your image. Once you’re happy with the crop, double-click anywhere outside the crop box or on the canvas to confirm your changes.

And you're done! You’ve successfully cropped your image within Figma, giving you a more polished and precise design.

Ready to share your process or create similar walkthroughs effortlessly? Try creating a Supademo in just moments!

Create your own interactive demos in < 5 mins with Supademo

You can create your own interactive product demo in minutes using Supademo. Drive growth, scale enablement, and supercharge product-led onboarding with Supademo. Sign up for free here with no credit card required.