Balsamiq

Editing Inspector

Always present, always at the top. From left to right: undo, redo, duplicate, cut, copy, paste, delete, group, ungroup, lock

Layering and Position & Size

Always present, always in the second row (below the editing inspector).

Layering, from left to right: bring to front, send to back, bring forward, send backward.

Position and size shows you the size and position of the selection, in pixels. Clicking on the numbers lets you edit them. The format is "X,Y WxH" where X is the x position, Y is the y position (0,0 is top-left, growing right and down), W is the width and H is the height of the selection.

Align

Shown whenever more than one control is selected. Lets you align the selected elements horizontally to the left, center and right and vertically to the top, middle and bottom. The last two icons on the right distribute the centers of the selected items horizontally or vertically.

Arrow

Lets you decide the direction and curvature of the arrow, as well as whether to show or hide arrow pointers.

Auto-Size

Clicking on the autosize button will resize the component to its natural size, with everything showing and no extra space

Border

Shows or hides the selected controls; border

Color

Lets you select the foreground or background color of the selected controls (depending on the control type), as well as the background color's opacity (only in some controls).

Icon

The icon inspector lets you select, resize and remove an icon to the selected controls. You simply click on the search field, start typing the name of the icon you need and you'll be presented with suggestions that match your string. Use the arrow keys or your mouse to select the icon you want, then use the slider to resize it.

To remove an icon, click on the eraser icon next to the slider.

To see the full list of icons available, click the little triangle which will open the Icon Library.

Icon Label Position

Lets you specify whether the label should be positioned below or to the right of the icon

Image

The Image inspector lets you select which image to use for the selected image controls. You can select the default placeholder, add a new image or select from a list of images already present in the mockup.

You can additionally "sketch" the image to make it look a bit more hand-drawn by selecting the "Sketch it!" checkbox.

Links

Lets you link a mockup to another. See Linking for more info.

List and DataGrid

Lets you specify whether the selected controls should have a header row, two colors for alternating row backgrounds, the height of the row and which row should be selected, if any.

In the DataGrid control, you can additionally toggle the visibility of vertical and horizontal dividing your table's columns and rows.

Progress Bar Type

Lets you toggle between a progressive and an indeterminate (candy-cane) progress bar.

Scrollbar

Lets you quickly add a scrollbar to the selected controls.

Selection

Lets you specify which elements of the selected control should be selected, if any.

State

Lets you specify the state of your control, whether it's in focus, selected, disabled etc. Different control types support different states.

Horizontal Curly Brace Direction

Lets you specify whether the horizontal curly brace should point up or down.

Tabs Position

Lets you specify whether the tabs should be above or below the canvas, as well as their horizontal alignment relative to the canvas.

Text Styles

Lets you specify whether the font of the text in the selected controls should be bold, italic or underlined, as well as its horizontal alignment and point size.

Vertical Curly Brace Direction

Lets you specify whether the vertical curly brace should point left or right

Vertical Tabs Position

Lets you specify whether the tabs should be to the left or right of the canvas.

Window / Dialog

Lets you toggle window chrome controls like minimize, maximize and close, as well as a dragging affordance. You can also specify the height of the top and bottom bars.