Axure RP's pen tool draws vector-based shapes, which maintain sharp lines while resizing on the canvas and can be styled like regular shape widgets. Widgets created with the pen tool are called "custom shape" widgets. The icons in Axure's Icon library are examples of custom shapes. Use the pen tool to draw things like icons, charts, and curved arrows. Make widget libraries of custom shapes that can be easily reused and customized.
© 2002-2018 Axure Software Solutions, Inc. All rights reserved. Axure® is a registered trademark of Axure Software Solutions, Inc.
CREATING CUSTOM SHAPES
DRAWING WITH THE PEN TOOL
To begin drawing, click the Pen tool icon in the Main Toolbar or use use the keyboard shortcut [CTRL] / [CMD] + .
Click anywhere on the canvas to place the first point of your custom shape. Move your mouse cursor and click again to add a new point. If you click and drag while adding a point, the line segment between your current point and the previous one will become a curve.
To close your shape and finish drawing, make at least three points and then click again on the first point of the shape. A small red box will appear when the mouse cursor is over the first point.
To create an open shape instead, draw at least two points and then press [ESC]. Alternatively, you can double-click instead of single-click when adding your final point to finish an open shape.
Pen tool mode will automatically close when you finish drawing a custom shape, but you can always further edit the points of your completed shape (see below). To draw another custom shape, switch to the pen tool again.
CONVERTING SHAPE WIDGETS TO CUSTOM SHAPES
You can also convert shape widgets from the Default and Flow libraries to custom shapes. Right-click a regular shape widget on the canvas and choose "Convert to Custom Shape" from the context menu.
EDITING CUSTOM SHAPES
First, click a custom shape on the canvas to select it. Then, as you hover over the outline of the shape, you'll notice your cursor change to an arrow with a black box. Click when you see this special cursor to enter points-editing mode, where the points of your custom shape will be shown outlined in small black diamonds. You can enter points-editing mode from any other cursor mode.
In this mode, click and drag a point to move it. Hold [CTRL] / [CMD] to curve the line as you move it. Select a curved point to show yellow curve handles that can be used to adjust the curve. Hold [CTRL] while dragging a curve handle to move it independently of the other curve handle.
ADDING AND REMOVING POINTS
First click a custom shape to select it, and then click along the shape path to show the points. Your next click, anywhere along the path, will add a new point at that location.
To delete points, select one or more points in the shape. Click a point to select it; hold [SHIFT] to select additional points. Use the [DEL] key to delete, or right-click a selected point and choose "Delete".
MAKING CURVES AND SHARP CORNERS
First click a custom shape to select it, and then click along the shape path to show the points. Click a point to select it. Hold [SHIFT] to select additional points.
Right-click any selected point and choose "curve" or "sharpen" from the context menu to create curves or corners at the selected points.
You can also double-click a point to toggle it between a curve and a sharp corner.
When a shape is selected on the canvas, you can find transformation options in the Inspector > Style tab > "Location + Size" section. You can also right-click a shape and use the "Transform Shape" submenu.
Some transformations are available for single shapes, while others require that two or more shapes be selected. If you've selected regular shape widgets, certain transformations will automatically convert these to custom shapes as part of the operation.
Flip your shape across the the y-axis (horizontally).
Flip the shape across the x-axis (vertically).
This control unites multiple shapes into a single path.
Subtract one shape from another. The "front" shape will be subtracted from the "back" shape, based on z-index (stack order) as indicated in the Outline.
Using this operation will preserve only the intersecting portions of two shapes.
Join two shapes together, excluding any overlapping segments. The overlapping area will be eliminated, and the remaining sections of each shape will be preserved in one custom shape that could potentially have multiple paths.
Combine multiple shapes into a single custom shape, preserving each original path.
Usable on previously combined custom shapes that contain multiple paths. Breaks each path into its own custom shape.
CURVE ALL POINTS
Create a curve around every point in the custom shape. (Available in the context menu > Transform submenu, but not in the Inspector.)
SHARPEN ALL POINTS
Create a sharp corner at each point in the custom shape. (Available in the context menu > Transform submenu, but not in the Inspector.)
Custom shapes behave interactively just like other shape widgets.
CONVERTING IMPORTED SVGS TO CUSTOM SHAPES
You can also convert SVG images imported from other applications to custom shapes. To do so, import an SVG image into Axure RP as you would any other image file, then right-click it and select "Convert SVG to Shapes" in the context menu.