# How to Crop Image in Framer

> To crop an image in Framer, open your project, go to the Fill menu, and access the Crop tool. Move or scale the image inside the frame to adjust visibility, adapt your design's dimensions for optimal display, and click Crop to perfect your presentation.

Canonical: https://livedemo.ai/tutorials/how-to-crop-image-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3a8fab56e05a00fe1aed/preview?step=1

## Steps

1. Open your Framer project.
2. Go to the 'Fill' menu.
3. Access the 'Crop' tool to perfectly frame your visual content.
4. You can move or scale the image inside the frame to adjust what’s visible.
5. Adjust your design's dimensions for optimal display across devices.
6. Perfect your image presentation with intuitive cropping tools and click 'Crop'.
7. That's it! You've successfully cropped the image in Framer.