How To Resize Image in Figma Without Cropping

Are you trying to resize an image from Figma without cropping? Learn how to do it with ease through the steps below.
Resize Image in Figma Without Cropping

If you’re going to resize an image in Figma, you will pull the pill-like handles. While it does resize the image, it can result in a cropped or enlarged image, resulting in quality loss. To address this, we have included steps to resize an image in Figma without cropping through various approaches to get you all covered.

Resize an Image in Figma without Cropping

  1. Open Figma on your browser and sign in to your Figma account, or create a new one if needed.
  2. After signing in with your credentials, you’re redirected to the home page. Now, open an existing design from the Recents or start with a new one by clicking the Design File to create a new design.
  3. With the new or existing design loaded, select an existing image or add a new image.  After the image is added to the canvas, click on it, and you will find the Pill-like handles on four sides.

Approach 1: Now, choose a side, press the Shift key, then click on the respective pill, and drag it to resize the image proportionately.

Hold Shift while Resizing

Approach 2: If you have specific dimension requirements in mind, navigate to the Properties panel and adjust the dimensions manually under the Design tab while ensuring the Constrain proportions option is selected.

Constrain proportions

Approach 3: You can also use the Scale option by pressing K, and once done, navigate to the Properties tab and adjust the Scale value by entering a custom value or selecting a preset from the drop-down.

Adjust the scale

Wrapping Up

Congratulations on learning how to resize an image without cropping in Figma!

While we have presented all approaches to resize an image without cropping in Figma, we suggest you choose the approach based on your design and requirements. If you’re not happy with the Figma, use a conventional photo editor to resize the image without loss of quality.


How To Replace an Image in Figma

How To Blur an Image in Figma

How To Download an Image From Figma

How To Flip an Image in Figma

HarshV

We will be happy to hear your thoughts

Leave a reply

Pttrns
Logo
Enable registration in settings - general