this is an empty spaceWorking With the Inspectorsthis is an empty space

Working With the Inspectors

Along the right side of the window, you’ll find the Inspectors sidebar. You use the Inspectors to change the style attributes for the objects on the Canvas, or set the properties of the Canvas itself. If you don’t see them, click the Info button in the toolbar or choose Inspectors ▸ Hide/Show Inspectors from the menu bar.

The Inspectors sidebar contains five inspectors—Object, Type, Properties (Pro), Canvas, Document, and Stencils. Each inspector contains two or more panes, for such things as adding a fill to an object or setting a background image for the illustration you’re working on.

Inspectors are grouped by the type of content they govern. You can browse the various Inspector categories by clicking the icons along the top of the sidebar. Within each Inspector, you’ll find multiple, collapsable inspectors for changing the properties of an object.

To open an Inspector, hover over the title with the mouse, and then click on the disclosure triangle to open and use the inspector. To open one particular inspector (for example the Fill inspector) and close any other open inspectors, Option-click on the disclosure triangle. To open or close all of the inspectors, Shift-Command-click on one of the disclosure triangles.

Click the title of an inspector thats closed to open it up

Using the Inspectors

By default, OmniGraffle’s inspectors reside in a sidebar just to the right of the Canvas. However, with OmniGraffle v6.1 (released Fall 2014), you can now open the inspectors as a floating window, or as a bunch of individual floating palettes.

To help facilitate these changes to using the inspectors, we’ve added a new menu: Inspectors. Pretty easy to remember, huh? You choose how you want to use and display the Inspectors from this menu.

The Inspectors menu

You can quickly get to each individual Inspector using a keyboard shortcut or, if you must, by selecting its appropriate menu option:

Note
If you are using a MacBook Pro, MacBook Air, or an Apple Wireless Keyboard with your Mac, you also need to press the fn key—located at the lower-left corner of your keyboard—along with the applicable function key. If you have an Apple Keyboard with Numeric Keypad, the fn key is located below the F13 key.

The top section of the Inspectors menu indicates the currently selected inspector (the one with the checkmark next to it), and the inspector type. The previous image shows that the inspectors are available in the Sidebar and that the Object inspector has been selected. The bottom section of the Inspectors menu separates the different inspector states by Workspaces.

Creating “Custom” Inspectors with Workspaces

Workspaces offer a way to add shortcuts to the way you’ve set up a particular inspector. For example, let’s say that you are using the Floating Inspector Window, and that you often just need access to the Fill and Stroke panes. To create this workspace shortcut, follow these steps:

  1. The Workspaces windowConfigure the Object inspector so that only the Fill and Stroke panes are open (i.e., close Shadow, Shape, Line, Image, Geometry, and Alignment).
  2. Choose Inspectors ▸ Edit Workspaces.
  3. At the bottom of the Workspaces window, click + (for Add). You will hear the shutter sound associated with taking a picture; this is OmniGraffle’s way of letting you know that it has captured the state of the inspector window.
  4. Give this new workspace a name, such as Fill-Stroke.
  5. Close the Workspaces window.

If you go back to the Inspectors menu, you’ll notice that the Fill-Stroke workspace has been added to the Workspaces section. Now, whenever you need to just tweak an object’s fill or stroke, you can press F5 to gain quick access to these two inspector panes.

Using the Floating Inspector

The floating inspector windowTo open the floating inspector window, choose Inspectors ▸ Floating, or press F3. The floating inspector window looks just like the inspector sidebar, except, well, it is no longer a sidebar.

When you switch to the floating inspector window, a new set of inspector keyboard shortcuts come into effect:

Using the Inspector Palettes

To open the inspector palettes, choose Inspectors ▸ Palettes, or press F4. You’ll see a stack of windows appear over OmniGraffle’s main window. You’ll need to move them aside individually, but once you’ve got them set up—especially if you have them all on a second display—you’ll be amazed at how addicted you can get to having the inspectors in palette form.

The inspector palettes

When the inspector palettes are open, a new set of inspector keyboard shortcuts come into effect:

Having the Inspectors available as floating windows or as individual floating palettes was a huge request from designers who use OmniGraffle to create and edit illustrations or prototype website or app designs. This allows designers to take advantage of big external displays for OmniGraffle’s main window while offloading the inspectors to a secondary display (such as a laptop screen or another large display). This is especially helpful when you are using OmniGraffle in full-screen mode (View ▸ Enter/Exit Full Screen, or Control-Command-F).

Locking an Inspector

An inspector lockIf you find that you’re using a particular Inspector quite a bit—such as the Fill, Stroke, and Shape object inspectors—and you can lock them in the open position. To lock these inspectors in place, double-click the Object inspector button in the toolbar above the inspectors. The button receives a green lock icon.

If you Option-click another inspector’s disclosure triangle, such as the Geometry object inspector, that inspector opens but the Fill, Stroke, and Shape inspectors remain open as well instead of closing. Likewise, if you Shift-Command-click an inspector’s disclosure triangle—which would normally open or close all of the inspector panes—the panes you’ve locked open will remain open, despite what happens with the other inspectors.

To unlock the inspector, just double-click the button again or switch to another Inspector; for example, from a locked Object inspector to the Type inspector.

Interacting with the Inspectors

In all of the inspectors, you can click in a text field that contains a number, and then press the up or down arrow keys to increment or decrement the number.

When it comes to rotating objects, you have a couple options. First select the object and then go to the Geometry object inspector. Click and spin the rotation dial and watch the object revolve around its center point. After clicking the rotation dial, keep the mouse button held down while moving the pointer away from the control to gain more rotational precision.

Rotating an object in the Geometry inspector

You’ll be happy to know that we’ve brought OmniGraffle 2 for iPad’s Multi-Touch gestures to the Mac. Yes, that’s right, you can use a two-fingered spin gesture to rotate an object on the canvas if you have a touch-enabled trackpad for your Mac.

Note
In fact, all of OmniGraffle for iPad’s Multi-Touch gestures are available in OmniGraffle 6.1 for Mac.

Select and touch an object with two fingers, and then rotate the fingers (or pivot one around the other) to rotate the object. While rotating the object, you’ll notice that a blue angle indicator appears within the object, and a tiny popover appears showing you the degree of the angle.

Using a Multi-Touch gesture to rotate an object

Any color well can have its color dragged to an object on the canvas or to another color well. When you drag to an object, you can drop the color on the object’s stroke, fill, or text.

Dragging colors from the color well to a color object

In places where you can enter measurements, such as in the Geometry inspector, values are shown in the current ruler units, or, if there is no unit scale, in the Units inspector. You can, however, enter values in any unit type that is available in the ruler, such as miles or kilometers. As soon as you finish entering the value, OmniGraffle converts it to the correct units automatically.

Entering info in the Geometry inspector

You can also perform simple arithmetic and mix units. Add (+), subtract (), multiply (*), or divide (/) numbers right in the input fields.

The Object Inspector

Use the Object inspectors to view and change details about the objects on the Canvas.

Coloring Shapes with the Fill Inspector

Use the Fill inspector to choose a color or gradient to fill the inside of the selected shapes. Depending on the type of fill you’ve selected, the Fill inspector adapts to provide the controls you need to adjust the fill’s settings.

The Fill Inspector

The Fill inspector has the following controls:

If you have OmniGraffle Pro, the Fill inspector has two additional popup menus along the bottom: Fill Blend Type and Distortion Effect.

The Fill Inspector

Some additional notes about the Fill inspector:

The controls used for creating linear gradients

You can also edit the fill color of a canvas itself using the Canvas Fill inspector.

(Pro) OmniGraffle Pro offers an extra section in the Color panel for creating pattern fills.

The pattern palette

Defining Line and Path Behaviors with the Stroke Inspector

Use the Stroke inspector to change the appearance of the selected connection lines or of the line drawn around the edge of the selected shapes.

The Stroke Inspector

Making Objects Cast Shadows with the Shadow Inspector

Use the Shadow inspector to drop a shadow behind the selected objects.

The Shadow Inspector

Choosing a Shape with the Shape Inspector

With a shape object selected, use this inspector to transform it in various ways.

The Shapes Inspector

Defining Line Attributes and Behaviors with the Line Inspector

Use this inspector to configure the properties of a the lines used to connect objects.

The Line Inspector

Placing Graphics Inside a Shape with the Image Inspector

You can use this inspector to position an image inside a shape. (Note that instead of creating an object and then adding an image, you could also simply drag an image file from another application straight onto the canvas.)

The Image Inspector

Changing Object Position and Size with the Geometry Inspector

This inspector deals with an object’s position and orientation.

The Geometry Inspector

If you have selected a line label, two additional controls become active:

Additional geometry controls for labels

Use the pop-up menu to set how the label’s text appears in relation to the line. Options include: Horizontal, Vertical, Parallel, Perpendicular, Independent, and Follows Path. Use the slider next to the pop-up menu to change the label’s position in relation to the line.

Positioning Objects Neatly with the Alignment Inspector

Use this inspector to line up and space out objects uniformly.

The Alignment Inspector

The Type Inspectors

Manage the typography of selected objects.

Choosing a Font, Size, and Color with the Font Inspector

Use this inspector to modify the font properties of the selected objects, including style, size, and color.

The Font Inspector
The Fonts panel

Positioning and Styling Text with the Text Inspector

Use this inspector to control the positioning and appearance of the selected shape’s text.

The Text Inspector

Positioning and Rotating Text with the Offsets Inspector (Pro)

This inspector contains the Text Offset and Text Rotation controls.

The Offset Inspector

By default, the Use default offsets option is turned on. If you uncheck this option, you can adjust the text’s position using the four input fields:

Text Offset from Left
This adjusts the text’s position from the left edge of the object.
Text Offset from Top
This adjusts the text’s position from the top edge of the object.
Width
This adjusts the text box’s width.
Height
This adjusts the text box’s height.

Use the text’s rotation value to determine how the text appears when you rotate the object. By default, Relative rotation is turned on, which means that the text within an object will maintain its relative position when an object is rotated. Turn this off to set the text’s rotation independent of its bounding object. You can either enter a rotation value in the field or drag the circular control to rotate the text.

The Properties Inspectors (Pro)

Use the Properties inspectors, available only in OmniGraffle Pro, to manage the advanced properties of selected objects.

Changing the Way Objects Connect with the Connections Inspector (Pro)

Use this inspector to control how objects connect to one another.

The Connections Inspector

Adding Data to Objects with the Note Inspector (Pro)

The Note inspector contains a field for entering text to associate with the selected object, and a table of custom data.

The Note Inspector

The note can be formatted as Rich Text, which means you can use all of the different font styles and colors that you can use elsewhere in OmniGraffle. When you put the pointer over an object with a note, the note’s text appears in a help tag floating over the object.

You can use the custom data table to keep your own information about the object. Custom data is stored as key/value pairs: the Key is like a label for what type of information you are storing, and the Value is the information itself.

For example, imagine you have a diagram of a computer network, and you want to assign a model number to each component. Click the placeholder row or the plus button to create a new key/value pair. In the Key column, you would type Part Number, and in the Value field, you would type, say, A1181. This data doesn’t have any effect on the way OmniGraffle works; it’s just a way for you to store arbitrary data about objects in your diagram. To delete a row of data, click the ‘x’ button on the right side of the row.

Notes can be found by OS X’s Spotlight search feature, in case you need to find your OmniGraffle diagrams that contain certain words.

Making Objects Interactive with the Action Inspector (Pro)

The Action inspector determines what should happen when someone clicks the selected object with the Action Browse Tool The Action Browse Tool in the toolbar. The default action is Does Nothing. You can click the object all you want, and nothing happens.

The Action Inspector

If you choose Opens a URL or Opens a File, you get a text field in which you can enter a URL or file path, along with two buttons: Choose File and Open. Click Choose File to browse your Mac’s hard drive for a file. Note that file paths are relative: they start from the folder containing the document you’re working on, not from the root of your hard drive. Click Open button to try opening the file or URL that you’ve specified. When the object is clicked, the file or URL is opened in the appropriate app.

If you choose Runs a Script, you get a text field for entering an AppleScript. The script that you enter is run such that self refers to the clicked object. Click Check Syntax to make sure that the AppleScript is correct, and then click Run Script to try it out. In Presentation Mode (Option-Command-P), the script runs when an actionable object is clicked.

If you choose Jumps Elsewhere, you get another pop-up menu for choosing where in the current document to jump. You can jump to a specific canvas, the next or previous canvas, or a specific point or object on any canvas. Some of these options offer a tiny canvas preview, in which you can click or drag to indicate which object to highlight, which point to center on, or where to zoom.

If you choose Shows or Hides Layers, you can indicate whether to show, hide, or toggle the visibility of any layer of the current canvas.

The Canvas Inspectors

Manage the appearance and properties of the current or selected canvases.

Changing the Canvas Size and Scale with the Canvas Size Inspector

Use this inspector to change the size of the canvas, how the canvas fits onto printed pages, or what kind of measurement units to use.

The Canvas Size Inspector

The Canvas Fill Inspector

Select a canvas by clicking its preview in the sidebar to edit its background fill properties. As with the Object Fill inspector you can choose from nine fill styles and edit various parameters of each.

The Canvas Fill Inspector

The Canvas Image Inspector

You can also add an image to a canvas. Just click the canvas in the sidebar and then use the Background Image inspector to place an image similarly to the Object Image inspector.

The Background Image Inspector

Use the controls to the left of the Mask button to Manually Size, Stretch, or Tile the image you’ve placed. Use the grid of four fields to position the image from left, from top, sized horizontally, or sized vertically. Use the slider at the bottom of the inspector to change the image’s opacity.

The Units Inspector

Use the Units inspector to determine the unit of measure to use for the canvas and its rulers, as well as to set the scale and origin points.

The Unit Inspector

Units

The Units pop-up menu is where you set the type of measurement units you’d like to use for the current canvas. All of OmniGraffle’s supported units are listed, with their standard abbreviations.

The actual size of your diagram does not change when you change the units; it is merely measured differently. The ruler and the inspectors display measurements in whichever unit you select here.

Units marked with an asterisk (*) can be used as canvas units. This means that when you set up a Unit Scale (see the next section), only these units can be used on the left-side “actual size” part of the equation. Any kind of units can be used on the right-side “theoretical size” part of the scale equation.

Unit Scale

The Unit Scale pop-up menu can be used to interpret simple expressions of scale. By default, the scale is based on the item you choose in the Units pop-up. For example, if you set Units to feet (ft), the Scale pop-up reads 12 in = 1 ft.

If you choose Custom from the Scale pop-up, you can change the scale to suit the project you’re currently working on. For example, if you enter 1 cm = 1 m, 1 cm on the ruler now becomes 1 meter, objects on the canvas that were 2 cm wide are now 2 meters wide, and so on. The Units setting changes to match the second value in the equation.

You can also enter a ratio. For example, if you set a Custom Scale to 1:12, the ruler units stay the same, but objects on the canvas now claim to be 12 times larger than they were before you changed the scale.

If you already have a scale set up and you conver directly to a different one, the objects change their actual size on the canvas to fit the new scale. For example, imagine you are working in 1 cm = 1 m, and then you convert the scale to 2 cm = 1 m. The marks on the ruler become twice as far apart as they were, and the objects on the canvas, staying true to the ruler, grow twice as large on the screen. You can get a new scale without resizing the objects by choosing from the Reset Scale To: section of the Unit scale pop-up menu.

Canvas Origin Points

By default, the very upper-left corner of a canvas is its origin (that is, the point where the rulers’ measurements start from, where the coordinates are 0,0). To change the origin, enter values in the two Origin fields. (You can also drag the origin from the corner where the rulers meet.) The coordinates in the Geometry inspector are based on this origin point.

Setting up a Grid with the Grid Inspector

Use this inspector to set up a grid on the canvas, so you can keep objects lined up nicely.

The Grid Inspector

The two fields at the top of the inspector are where you can set the values for the Major and Minor Grid spacing, respectively:

The checkboxes beneath the Major and Minor Grid spacing fields provide additional control over how the grid is used and its appearance:

Tip
Choose Arrange ▸ Grid ▸ Align Objects to Grid (Option-Command-[) to make all of the selected objects line up to the grid right away.

The Canvas Data Inspector (Pro)

You can also edit the note and other metadata of a canvas itself. Just click the canvas in the sidebar and then use the Canvas Data inspector to add metadata for the canvas.

The Canvas Data Inspector

As with the data added using the Properties Note inspector, this information is used primarily for indexing and doesn’t affect the appearance of your OmniGraffle document in any way.

Automatically Arranging Objects with the Diagram Layout Inspector

Use this inspector to automatically lay out shapes based on the logical relationships established by the connection lines between them.

Use the Fill Type pop-up (the big button on the left) to select from one of four layout types: Hierarchical (the default), Force-directed, Circular, and Radial. The various controls within the Diagram Layout inspector change depending on which layout type you choose.

Hierarchical
The hierarchical layout creates layers of equally-ranked objects, extending in one direction.
The Diagram Layout Inspector, showing the options for a Hierarchical layout
Force-directed
The force-directed layout grows in semi-random directions from the center, rather than in one particular direction from the edge.
The Diagram Layout Inspector, showing the options for a Force-directed layout
Circular
The circular layout tries to arrange sibling shapes in a circle around their parent.
The Diagram Layout Inspector, showing the options for a Circular layout
Radial
The radial layout tries to arrange sibling shapes in arcs around their parent.
The Diagram Layout Inspector, showing the options for a Radial layout

When you use a hierarchical layout:

When you use other layout methods:

Finally, you can turn on Auto layout to make OmniGraffle distribute the objects on the canvas whenever the connections between them change.

The Document Inspectors

Manage the properties of the document.

The Format Inspector

The pop-up menu determines whether to save your document as a flat file or a file package:

Automatic (package or flat file)
This is the default option; when selected, OmniGraffle uses its best judgment on which file format is best based on the objects in your file.
Save as flat file
A flat file is a single file on the disk, with all of the attached images embedded within.
Save as file package
A file package is actually a folder disguised as a single file, with all of the attached images rattling around loose inside.

In some technical cases, it might be desirable to use one type or the other; if you don’t even know why this should matter, it’s safe to stick with the Automatic setting.

The Format Inspector

Normally OmniGraffle documents are “property list”–based text files. If you turn on Compress on disk, your file is instead saved in a binary format that takes up less space on the disk but whose innards can’t be read by scripts or text editors. If you don’t need to open an OmniGraffle document with a text editor, just go ahead and compress your files. This won’t hurt anything; it just makes the filesize a wee bit smaller.

The Margins Inspector

Here you can specify your own page margins, or choose Use printer margins to default to the margins defined by your printer driver (or by any custom settings you’ve made in File ▸ Page Setup).

The Margins Inspector

Storing Information About your Document in the Data Inspector

The Document Data inspector has fields for lots of information about your document, in case you care to keep track of such things. The available fields are Subject, Copyright, Version, Description, and Comments. The pop-up menu includes options for adding information about the document’s Authors, Organizations, Languages, Keywords, and Projects.

The Document Data Inspector

All of this data is made available to OS X’s Spotlight searching feature, to help you find the diagram you’re looking for.

Using Stencils to Keep and Share Commonly Used Objects

The default top-level view of the Stencils LibraryA stencil is a set of useful objects that you can drag into your diagrams. To see the available stencils—or any you’ve added—choose Inspectors ▸ Stencils (Command–6), or click the rightmost button at the top of the Inspector sidebar.

To use a stencil, just drag it from the Stencil Library and drop it anywhere on the canvas. A copy of the object is made and the original remains in the Stencil Library, so take as many copies as you need. You can do the same sort of selection tricks that you can do on a canvas, such as Command-clicking or -dragging a rectangle to select multiple objects, or Option-dragging an object to make another copy.

To search your stencils, type in the Search field at the top of the Inspector sidebar. OmniGraffle sifts through your stencils to help you find the object of your desire. Stencils that match appear in the special Search Results section of the stencil list. Normally, if any object on a stencil matches, then all objects on that stencil appear in the results. When searching from within a folder or stencil, however, the search field acts as a filter that only shows objects matching the filter text.

To make a new stencil, choose File ▸ New Resource ▸ New Stencil from the menu bar. You can edit the document that appears just like you would edit a normal OmniGraffle diagram. A preview of the stencil appears in the stencil window as you work. Once the stencil looks just how you want it, choose File ▸ Save (Command-S).

To edit a stencil, open it in the Resource Browser (Shift-Command-N). Then edit and save the stencil just like a normal OmniGraffle document.