About Designer

Designer is a powerful and intuitive diagramming and modeling application that runs entirely on ServiceNow, enabling users to create and visualize real-time diagrams and models based on ServiceNow data.

Designer is a powerful application that allows users to create diagrams and models based on real-time ServiceNow data. Whether you're a ServiceNow admin or a business user, Designer can help you visualize complex data sets and communicate insights more effectively. With Designer, you can create custom diagrams, heat maps, and other visualizations that update in real-time as your data changes. This not only saves time and increases accuracy, but it also helps users make better decisions based on up-to-date information."

Designer View (Edit mode)

Designer's View and Edit mode offers an extensive library of over 4000 shapes based on industry notations, enabling users to create visually appealing diagrams with ease. By leveraging live data from ServiceNow, Designer allows users to create both current state diagrams and future state models, as well as heated maps, stack diagrams, and more. With Designer, diagram creation becomes a streamlined and efficient process, allowing users to focus on creating accurate representations of complex systems and processes.

Diagrams View

The Diagrams View is a convenient way to browse and manage all of your saved diagrams. From the Diagrams View, you can quickly search for specific diagrams, sort them by name or date, and even create new diagrams from existing ones. You can also use the Diagrams View to share diagrams with colleagues or make them publicly available for others to view.

Presenter View

The Presenter view is a powerful tool that allows you to share your diagrams with colleagues in real-time. With the Presenter mode, you can give live presentations of your diagrams, complete with annotations, animations, and other interactive features. This is a great way to collaborate with others, get feedback on your diagrams, and communicate complex ideas more effectively.

Best practices

  • Use a consistent naming convention for your diagrams, and include metadata such as the author, date, and purpose of the diagram.
  • Use clear, concise labels for all shapes and connectors. Avoid using technical jargon or abbreviations that may be confusing to non-experts.
  • Use color and shading sparingly to highlight important information, but don't overdo it. Too many colors or gradients can be distracting and make your diagrams harder to read.
  • Use collapsible containers to group related shapes and connectors, and provide a high-level overview of your diagram. This can help readers quickly understand the structure and relationships of your diagram before diving into the details.
  • Use hyperlinks to connect related diagrams or external resources. This can help readers navigate between different parts of your diagram or access additional information as needed.


Designer is compatible with most modern web browsers, including Chrome, Firefox, Safari, and Edge. However, to ensure optimal performance, we recommend using the latest version of your preferred browser. Please note that Designer currently runs in UI14, which is compatible with the following browsers:

  • Chrome 103+
  • Firefox 102+
  • Safari 15+
  • Edge 100+


Not supported browsers

  • Edge Legacy (end of support 9th March 2021)
  • Internet Explorer 11+ (end of support 17th August 2021)

Please be aware that some features of Designer may not work properly on older or unsupported browsers. Additionally, JavaScript must be enabled in your browser for Designer to function properly.