I’ve been using Omnigraffle for a few years now. But I only recently managed to crop images directly in it. It’s definitely useful, as it avoids opening Photoshop and lets you try different alternatives directly on your wireframe. It was quite evident in Visio, but quite hard to find in Omnigraffle, which makes it kind of a secret. Here is a few steps tutorial to learn how to crop images in Omnigraffle.

Step 1: import your image

This part is easy, right? You just drag and drop your image on your wireframe. The image is automatically imported as stretched. You have to change this in order to crop your image.

Step 2: change the status in the inspector

Open the image inspector (Menu / Inspectors / Style / Image). You can see the stretched status is selected. Just click on the Natural size button.

Step 3: crop

From now, you can modify the size of the image within the area (first cursor, point 2) and move the position of the picture in the area (thumbnail, point 1). Here you go! Cropping in Omnigraffle is actually more modifying the size and position of the picture in the area. Quite similar to InDesign in a way. But well, it does the job quite well.