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

How Do I Crop a SVG in Figma?

Last updated on February 13, 2023 @ 11:17 am

When working with vector graphics, you may need to crop your images to remove unwanted areas or to focus on a particular section. Cropping an image in Figma is a simple process that only requires a few clicks. Here’s how to do it:

1. Select the image you want to crop.

Open SVG image in Figma

2. In the top toolbar, click on the “Crop” tool (it looks like a pair of scissors). Alternatively, you can also use a “Mask” to hide the unwanted part of the image. Simply place a rectangle, circle, or any shape on top of your current SVG then right-click on it and select the “Use as mask” option in the menu.

Place a rectangle on top of the SVG image in Figma Double click on the rectangle then select Use as Mask in the Figma menu

3. Click and drag on the image to select the area you want to keep. Make sure to bring the SVG above the rectangle mask if you’re following the alternative masking tutorial. Then, drag the wanted area of the SVG within the rectangle mask to keep it.

Bring the SVG image on top of the Figma rectangle mask then adjust to crop the unwanted area of the image

4. Click the “Crop” button in the top toolbar.

And that’s all there is to it! Cropping an image in Figma is quick and easy, and can be a great way to improve your vector graphics.

PRO TIP: Crop a SVG in Figma is a great way to improve the look of your designs. However, it is important to note that this feature is only available in the paid version of Figma. If you are using the free version of Figma, you will not be able to crop a SVG.

 How Do I Crop a SVG in Figma?

When working with vector graphics, you may need to crop your images to remove unwanted areas or to focus on a particular section.

Here’s how to do it:

  1. Select the image you want to crop.
  2. In the top toolbar, click on the “Crop” (it looks like a pair of scissors).

That’s all there is to it! Cropping an image in Figma is quick and easy, and can be a great way to improve your vector graphics.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.