FLOW DIAGRAMS

Learn how to create flow diagrams

using flow shapes and connectors

 

Hope you got the hang of creating Flow Diagrams using flow shapes and connectors.

To generate a diagram based on the page hierarchy in the Sitemap, first open or create a page where you want to create the diagram. Then, select the root page of the Sitemap branch you want to generate; right-click and choose "Generate Flow Diagram" from the context menu. You have the choice of generating a Standard or Right Hanging diagram.

 

This automatically creates a flow diagram with references to the pages in the branch. You can then edit the generated diagram like any other flow diagram.

 

 

 

Adding a reference page to a flow shape lets you link the shape to a page in the Sitemap. If you rename a page in the Sitemap, the text on the flow shape will reflect the change. This can be useful in page flow diagrams. Clicking the flow shape in the prototype will automatically link to its referenced page without having to create an interaction.

 

To assign a reference page to a flow shape, right-click the flow shape, select "Reference Page" in the context menu and choose a page. You can also drag and drop pages directly from the Sitemap pane on to the wireframe to create a flow widget that references the page.

 

 

Use the flow shapes in the Flow widget library to create your flow diagram. Flow shapes differ from default widgets because they have connection points on each side for attaching connectors.

 

To view the available flow shapes, select “Flow” from the dropdown menu in the Widgets pane. Similar to default widgets, you can add shapes to your design by dragging and dropping from the Widgets pane.

 

Features

Learn

Community

Company

Buy

Download

Axure Share

Forum

Manage Licenses

 

Use Flow diagrams to communicate a variety of processes including use cases, page flows, and business processes. A lot of folks use them in Axure RP to provide a high level view of the tasks you can accomplish through the pages in the design. A variety of shapes are available to represent the different steps in a process. Some conventions exist for the meaning of each shape, but Axure RP does not restrict their use. In general, it is best to use them in a way that your audience will understand.

 

To connect two flow widgets while in Connector Mode, mouse over a connection point on a flow widget, click and drag, and mouse up on a connection point on the target flow widget.

 

To apply line ends like arrows and line patterns like dashes to connectors, select a connector and use the Line Pattern and Line Ends buttons in the editor toolbar.

 

Home

Features

Community

Learn

Support

Company

Download

Buy

Contact

Privacy

Legal

Sitemap

© 2002-2014 Axure Software Solutions, Inc. All rights reserved.

u73_start u73_end u73_line

 

 

 

 

FLOW DIAGRAMS OVERVIEW

CREATE FLOW DIAGRAMS

Flow Shapes

Connector Lines

ADD REFERENCE PAGES

GENERATE FLOW DIAGRAM

Before you can add connector lines you must change the selection mode to Connector Mode by clicking on the Connector Mode button in the editor toolbar.

 

It should be towards the top with the other selection mode buttons.

 

Connector Mode

Flow diagrams are managed in the Sitemap pane with pages. You don't need to designate a page as a flow diagram in order to create a flow diagram, but it helps to distinguish one from the other. To mark a page as a flow diagram, right-click on the page in the Sitemap and select "Diagram Type > Flow". This changes the icon in the Sitemap from a page to a flow diagram.

 

Marking Pages

as Flow Diagrams

Still need help? Check out the forum or drop us a line at support@axure.com.

THE ROUND UP

u139_start u139_end u139_line
u141_start u141_end u141_line
u143_start u143_end u143_line

 

u154_start u154_end u154_line

 

Connector Mode