Crop a shape in Figma is a basic yet powerful tool when it comes to designing user interfaces. It allows designers to easily cut out parts of an image or design, without destroying the overall structure of the project. In this article, we’ll take a look at how you can crop a shape in Figma quickly and easily.
Step 1:Select the Shape
The first step in cropping a shape in Figma is to select the shape you wish to crop. To do this, you can simply click on the shape with your mouse or use the keyboard shortcut Ctrl+Shift+A (or Command+Shift+A on Mac). This will select all of the objects within that shape.
Step 2:Using the Crop Tool
Once you’ve selected your shape, it’s time to use the Crop Tool. You can find this tool in Figma’s toolbar, just above your Canvas area.
Click on it and then click and drag over the part of your shape that you’d like to crop. Once you’ve made your selection, let go of your mouse and Figma will automatically crop that part out.
Step 3:Adjust Your Cropped Shape
If you need to make any adjustments to your cropped shape after you’ve finished cropping it, you can do so easily using Figma’s transform tools. These are located just beneath the Crop Tool and allow you to move, rotate, scale or skew your cropped shape as needed.
Cropping shapes in Figma is a great way to quickly edit an image or design without having to redraw everything from scratch. By following these simple steps, designers can quickly crop shapes with ease and adjust them as needed for their projects.