Web Design » Figma » How Do I Crop a Circle in Figma?

How Do I Crop a Circle in Figma?

Last updated on September 28, 2022 @ 11:59 pm

There are a few ways to crop a circle in Figma. The first way is to use the Crop tool. With the Crop tool selected, click and drag a selection around the area you want to crop.

To constrain the selection to a perfect circle, press and hold the Shift key while you click and drag. When you release the mouse button, the area inside the selection will be cropped.

Another way to crop a circle is to use the Ellipse tool. With the Ellipse tool selected, click and drag out a selection around the area you want to crop.

You can also crop an image to a circle using Figma’s Masking feature. First, select the image you want to crop. Then, click on the “Mask” icon in the toolbar (it looks like a square with two circles inside).

A mask will appear around your image. To resize or reposition the mask, simply click and drag it. To constrain the mask to a perfect circle, press and hold the Shift key while you click and drag.

Once you’re happy with your masked image, simply click on the “Apply” button in the toolbar (it looks like a checkmark). Your image will now be cropped to a perfect circle!

PRO TIP: If you are not careful when cropping a circle in Figma, you may end up with an ellipse or oval instead. Make sure to use the correct tool for the job and to measure your circle before cropping.

How Do I Crop a Circle in Figma?

There are a few ways to crop a circle in Figma. The first way is to use the Crop tool.

With the Crop tool selected, click and drag a selection around the area you want to crop. To constrain the selection to a perfect circle, press and hold the Shift key while you click and drag. When you release the mouse button, the area inside the selection will be cropped.

Conclusion:
You can crop a circle in Figma using either the Crop tool or Ellipse tool. You can also use Figma’s Masking feature to crop an image into a perfect circle. Simply select your image, then click on “Mask” in the toolbar.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.