Which diagramming symbols can I use?

The Slickplan team has integrated key symbols and connectors from the popular JJ Garrett UX Library.

Diagramming symbols are located above the workspace. When you hover your mouse over a symbol, a symbol name will display.


Below is a short description of the Slickplan symbols:

  • Page: The page symbol is the core unit for UX flow diagramming, which represents a single page within a website. Pages usually connect to at least one other object and may connect to multiple objects.
  • File: The file symbol represents website objects that users may interact with but not navigate through.
  • User: A user symbol is helpful for indicating where a user will enter a diagrammed system. Including a user symbol indicates the system is human interactive rather than an automatic or computerized process.
  • Group: The group symbol is a rounded-corner rectangle that encloses a set of grouped objects. Groups are identified by text labels.
  • Text: The text symbol helps elaborate or further explain concepts, ideas or notes that can’t be easily illustrated with the other diagram icons. It’s there to annotate or add comments to further explain the diagram flow. The text symbol can contain up to 200 characters.
  • Concurrent Set: A concurrent set symbol can be used to represent multiple simultaneous interactions or occurrences.
  • Conditional Branch: Conditional branches represent points in the flow where multiple paths exist, but only one conditional branch can be offered to a user; conditional branch paths are mutually exclusive.
  • Conditional Selector: A conditional selector represents points in the flow where multiple paths exist, and multiple paths can be offered to a user; conditional selectors are not mutually exclusive.
  • Cluster: The cluster symbol, or circle, represents scenarios where a path leads to multiple paths based on whether criteria or conditions have been met.
  • Decision Point: Shown as a diamond, the decision point is a position in the user flow where the system determines where the user will proceed next.

In addition to diagramming symbols, you will also use connectors.


Below is a short description of the Slickplan diagram connectors:

  • Connector: Connectors are solid lines that define directionless relationships between objects in a flow diagram. Connectors may be labeled with custom text but should only be used in cases where they convey additional information about an action taking place.
  • Conditional Connector: Conditional connectors represent a scenario where a flow path may or may not be offered to a user based on whether criteria or conditions have been met.
  • Connector Arrows: Connector arrows define a specific direction within a flow diagram.
Have more questions? Submit a request


Join over 180,000 registered users

plans start at just $8.99 a month

Get Started Today

No credit card required