How Do I Crop A Picture Into A Circle In Figma?

Are you tired of using boring square images in your designs? Do you want to spice things up by adding circular images instead? Well, look no further because we’ve got the solution for you! In this post, we’ll be showing you how to crop a picture into a circle in Figma. It’s an easy and quick way to add some visual interest to your designs and make them stand out. So let’s dive right in and learn how it’s done!

The Basics of Cropping Images

When it comes to image editing, cropping is one of the most fundamental techniques. Cropping involves removing unwanted parts of an image or resizing it to a specific aspect ratio. This technique can help you create more visually appealing designs.

To crop an image, you need to select the part of the image that you want to keep and remove everything else. In Figma, this process is straightforward – simply use the crop tool and adjust the size and position as desired.

It’s important to note that when cropping images, you should always consider the final purpose of your design. For example, if you’re designing for social media platforms like Instagram or Facebook, it’s essential to know their recommended aspect ratios for optimal results.

Another thing to keep in mind when cropping images is not overdo it. Always strive for balance in your designs – too much cropping can make your images look unprofessional or distorted.

In summary, understanding how to properly crop images is an essential skill for any graphic designer or content creator. By mastering this technique and keeping these tips in mind, you can take your visual design projects up a notch!

See also  How to Make A Step And Repeat Pattern In Illustrator?

How to Crop a Picture Into a Circle

Cropping a picture into a circle can be achieved in just a few simple steps using Figma. Whether you’re designing a logo or creating social media content, cropping images into circles adds an interesting and unique touch to your designs. Here’s how you can easily crop pictures into circles using Figma:

Step 1: Select the image layer that you want to crop.

Step 2: Click on the “Rectangle” tool located on the left-hand side toolbar.

Step 3: Hold down Shift + Option (Mac) or Shift + Alt (Windows) and draw a perfect square around your image layer.

By holding down these keys while drawing, it ensures that your rectangle will be perfectly centered around your image layer.

Step 4: With the newly created rectangle still selected, go up to “Edit” in the top menu bar and select “Copy.”

Step 5: Next, go back up to “Edit” in the top menu bar and select “Paste.” This will paste another identical rectangle onto your canvas.

Now we have two rectangles – one with our original image inside of it and another blank one on top of it!

Step 6: While still having both rectangles selected, navigate over to “Layers Panel” from right sidebar panel and click ‘Mask’ button.

And there you have it – Your picture has been cropped seamlessly into an eye-catching circle shape!

How to Use the Eraser Tool

Now that you know how to crop a picture into a circle in Figma, let’s explore another helpful tool: the eraser tool. The eraser tool allows you to remove unwanted parts of an image with precision.

To use the eraser tool, first select the layer containing the image you want to edit. Then, select the eraser tool from the toolbar on the left side of your screen. You can adjust the size and opacity of your eraser by using the settings panel on your right-hand side.

Once you have set up your eraser preferences, start removing unwanted areas by clicking and dragging across them. You can also hold down Shift while dragging to erase in straight lines or hold down Option/Alt to erase in circular shapes.

One great feature of Figma’s eraser tool is its ability to restore erased portions if needed. Simply press Command + Z (Mac) or Control + Z (Windows) to undo any mistakes.

Using Figma’s Eraser Tool is simple but effective when it comes to removing unwanted parts of an image accurately without affecting other layers.

See also  Simple Steps for Photoshop a Picture On Iphone 11


Figma is a powerful tool that can help you crop images into circles with ease. With the techniques outlined in this article, you should be able to crop any image into a perfect circle quickly and effectively.

Remember to keep your design principles in mind when cropping images. Always ensure that the cropped picture aligns with your design theme and that it complements other elements on the page.

Additionally, take advantage of other features offered by Figma such as masking and layering to enhance your designs further. With these tips, you’ll be able to create stunning graphics in no time!