{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-crop-in-figma","route":"/learn/how-to-crop-in-figma","canonical":"https://www.layerpath.com/learn/how-to-crop-in-figma","title":"How To Crop In Figma","h1":"How To Crop In Figma","description":"Discover the essential steps to crop images in Figma effectively. Enhance your design skills with our comprehensive guide and tips for perfect results.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How To Crop In Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"Follow these steps to crop an image in Figma. This guide will take you through selecting the image, entering crop mode, adjusting the crop area, and saving the cropped image."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99cdif7006ckz0cgiq2tg61/tour","canonicalUrl":"https://share.layerpath.com/e/cm99cdif7006ckz0cgiq2tg61/tour","id":"cm99cdif7006ckz0cgiq2tg61"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Image"}]},{"type":"text","value":" – Click on the image you want to crop in your Figma canvas."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Switch to Crop Mode"}]},{"type":"text","value":" – In the top toolbar, click on the dropdown that says "},{"type":"strong","children":[{"type":"text","value":"\"Fill\""}]},{"type":"text","value":", then click the "},{"type":"strong","children":[{"type":"text","value":"\"Crop\""}]},{"type":"text","value":" button next to the image preview."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust the Crop Frame"}]},{"type":"text","value":" – Drag the corners or sides of the crop box to select the area of the image you want to keep."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Reposition Image"}]},{"type":"text","value":" – Click and drag the image inside the crop frame to reposition it as needed."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Apply Crop"}]},{"type":"text","value":" – Click "},{"type":"strong","children":[{"type":"text","value":"“Done”"}]},{"type":"text","value":" in the top bar or press "},{"type":"strong","children":[{"type":"text","value":"Enter"}]},{"type":"text","value":" to confirm the crop."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Refine Later"}]},{"type":"text","value":" – You can always click on the image again, re-enter crop mode, and adjust it."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Alternative"}]},{"type":"text","value":" – You can also use a "},{"type":"strong","children":[{"type":"text","value":"mask"}]},{"type":"text","value":" shape to create custom crops for more complex designs."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99cdif7006ckz0cgiq2tg61/tour","canonicalUrl":"https://share.layerpath.com/e/cm99cdif7006ckz0cgiq2tg61/tour","id":"cm99cdif7006ckz0cgiq2tg61"}],"plainText":["How To Crop In Figma","Follow these steps to crop an image in Figma. This guide will take you through selecting the image, entering crop mode, adjusting the crop area, and saving the cropped image.","https://share.layerpath.com/e/cm99cdif7006ckz0cgiq2tg61/tour","Select the Image – Click on the image you want to crop in your Figma canvas.\nSwitch to Crop Mode – In the top toolbar, click on the dropdown that says \"Fill\", then click the \"Crop\" button next to the image preview.\nAdjust the Crop Frame – Drag the corners or sides of the crop box to select the area of the image you want to keep.\nReposition Image – Click and drag the image inside the crop frame to reposition it as needed.\nApply Crop – Click “Done” in the top bar or press Enter to confirm the crop.\nRefine Later – You can always click on the image again, re-enter crop mode, and adjust it.\nAlternative – You can also use a mask shape to create custom crops for more complex designs."]}