How to Crop a Shape in Figma?


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission at no extra cost to you.

Figma is a cloud-based vector graphics design tool that allows users to create interactive visual designs for websites and apps. It’s popular among designers, developers, and product managers because it’s easy to use, comes with many advanced features, and supports collaborative work.

In this article, we will be discussing how to use one of its basic features; the crop tool. This is one of the widely used features by designers, as such, there are two ways created for it; the shortcut with hotkeys, and the standard method that every Figma user will learn during their introduction to the course.

While the latter is more specialized for cropping pretty much anything, including cutting out a shape, using the former to do the same is quite complicated especially when you’re not an advanced Figma user.

Method 1: How to Crop a Shape in Figma

As said earlier, this is the easiest of all types of procedures. All you need to do is to select your image, and press the Ctrl button while clicking on any blue corner icon. 

Method 2: How to Crop a Shape in Figma

This is a comprehensive method that we expect all Figma designers to know how to implement. 

  1. Navigate to the properties panel of the image you want to work on by double-clicking it.
  2. Click on “Fill mode” and select “Crop” from the drop-down menu.
  3. Your image will be surrounded by eight blue handles, drag any of them to condition the image to your preference.
  4. Now, click on the image to center it on your workspace based on your crop area. Then hit “Enter” to save changes.

In conclusion, Figma’s cropping capabilities provide a fundamental tool for designers seeking to refine their visual compositions. Whether through the accessible shortcut technique or the more intricate standard procedure, Figma’s crop tool stands as a versatile and indispensable asset in the arsenal of every designer, empowering them to achieve their envisioned designs with precision and creativity.


How to Switch Figma to Dark Mode?

Having dark mode in a design app is important for several reasons. A design app like Figma, enhances the overall user experience by reducing eye strain and fatigue, allowing designers to work for longer periods without discomfort. The dark color

Duplicate Layer In Photoshop
What is Photoshop Duplicate Layer Shortcut?

The Photoshop duplicate layer shortcut is a combo of hotkeys you press to activate the duplicate layer tool without going through the traditional route in the layer panel or layer options. If you’ve just started using Adobe Photoshop for graphics

Can You Upload Illustrator Files To Canva?

Yes, you can upload Illustrator files to Canva. Read through, and I’ll show you how it’s done. After putting in so much effort to create a brilliant graphic design using Adobe Illustrator, it will feel frustrating if you were asked

Are Canva Images Copyright Free?

Canva is an on-brand marketing design tool that offers a massive library of design assets including over a million stock images, illustrations, and icons, background images, and more to enable it’s numerous users to create professional designs for marketing, presentation,

Who is the owner of Figma?

Figma is a versatile vector graphics editor and prototype design tool owned by Figma Inc. The company was as founded in 2012 by Dylan Field and Evan Wallace. These duo co-own the Figma software. Figma is accessible across different OS

How to Import Custom Fonts Into Canva?

You can upload your own custom font in Canva and here is how to go about it. If you have your own unique fonts that you’d want to use for your branding designs and assets then you may find this

Can you Edit PDF files in Canva?

Are you wondering how possibly easy it is to edit a PDF doc in Canva? Yes! You can now edit PDF files inside the Canva Cloud Editor. Editing PDF files before now is usually done with complex graphic design tools

Can You Animate On Click in Canva? 

No, you can not animate on click in Canva. While Canva is one of the world’s most preferred platforms for creating designs using thousands of templates made available to users, it still lacks the on-click ability to animate an object

How to Resize a GIF in Photoshop Without Losing Quality?

GIFs (Graphics Interchange Format) are a format of animated image files that lets people share short, funny, or mood-expressive feelings via social apps. They are typically ideal for sending how people feel without having to type in words. This often

What Font Is Garamond In Canva?

The Garamond font is a popular font and is one of the most commonly used typefaces in the book publishing field. The font got its name from Claude Garamond, its inventor who was both a publisher and a typesetter. Want

How to make PNG transparent in Photoshop

PNG (pronounced ping) or Portable Network Graphics is a popular file format that can save and display data in transparent mode. The transparency that PNG images offer make them typically ideal for use as business logos, digital watermarks, dynamic website

What Is the Bratz Font on Canva?

The Bratz logo is a custom typeface by the American clothing line Bratz. If you are looking to use the font in your Canva project and need to find a closer alternative to replicate this custom logo font then you