In this tutorial, we'll walk you through how to easily crop images in Figma and add various corner effects. Whether you want to crop your image to a specific size, transform it into a circle, or apply different corner radii, we've got you covered. This guide will help you quickly master these essential techniques, boosting your design efficiency and creative expression in Figma. Let’s get started!
If you want to access Figma, click here.
Part 1: Cropping an Image in Figma
- Select the image.
2. Click Crop image.
3. Drag the blue frame to crop the image, then click anywhere to apply the changes.
Part 2: Changing the Image to a Circle or Applying Consistent Corner Radius
- Select the image.
2. Click Corner radius (located under the Appearance section in the right menu).
3. Enter the desired radius value.
Part 3: Applying Different Corner Radius Values to Each Corner
- Select the image.
2. Click Individual corners (located next to the Corner radius input field, represented by a dashed square).
3. Enter the radius values for each of the four corners.