When it comes to manipulating shapes in Figma, there are numerous techniques you can employ. At its core is simply cropping an image to match its dimensions; more advanced methods offer additional precision and control over designs. We will cover three such methods here: masks, frames and sending objects backward.
Cropping shapes in figma is an effortless and straightforward process that can be completed within seconds. Simply click and drag an image you wish to crop before selecting the “Crop” tool from the top menu bar – when active, this tool displays eight blue handles surrounding your selection which you can adjust by dragging in any direction, or use Ctrl and Shift keystrokes for greater precision in positioning them.
One of the key takeaways from using figma for cropping images is that its original will never be deleted or changed; rather, cropped versions will appear as separate layers on canvas – meaning if ever you wish to go back to editing the original, just select it again and click “Apply”.
Figma makes cropping shapes even easier by offering you the capability to resize and rotate them, an invaluable feature when cropping shapes. Simply select your cropped shape, click its icon in the Properties panel on the right, and use either its blue handles to change its size or enter specific dimensions into its “Size” field. Alternatively, you can also use keyboard arrow keys to rotate in increments of 15 degrees using this handy feature.
Fill mode can also help add color or gradients to a cropped shape. To do this, first select the cropped shape, and then open up the Properties panel on the right side of Figma canvas – here, you can select from either our Color box or adjust existing gradients or patterns for filling out an empty spot in your canvas.
There are countless methods of cropping shapes in figma, each offering different benefits. By following this article’s advice on how to crop an image using Figma, you can produce striking and impactful cropped shapes that take your designs further. Give them a try next time you need to crop something – you won’t regret it! And for more insight into its amazing capabilities check out our workshop “Start Designing in Figma!!”
