How Do You Crop a SVG in Figma?

When it comes to creating vector images and illustrations, Figma is one of the most popular tools available. It’s a powerful design platform that offers a wide range of features and tools for creating professional-looking graphics. One of those features is the ability to crop SVG images in Figma.

Cropping SVG images in Figma is relatively simple and straightforward. To begin, open your image in Figma and select the Crop Tool from the toolbar at the top.

This will bring up an overlay with a cropping box on top of your image. You can drag this box around to reposition it or resize it using the handles on its corners and sides.

Once you have your cropping box set up, you can use the “Apply” button to apply your changes or press “Esc” on your keyboard to cancel them. If you apply your changes, you will be left with a cropped version of your SVG image which you can then save or export.

In addition to cropping, you can also use Figma’s other tools and features to edit and refine your image further. For instance, you can use the Pen Tool to draw shapes and lines, add color with the Color Picker tool, or use Filters like blur and sharpen to adjust the look of your image.


In conclusion, cropping SVG images in Figma is easy and straightforward. All you need to do is select the Crop Tool from the toolbar at the top, adjust the size and position of your cropping box using its handles, then press “Apply” or press “Esc” on your keyboard if you want to cancel any changes. You can also use other tools like Pen Tool, Color Picker tool, or Filters for further editing of your SVG image.