Team diagramming in all departments 13 May 2020


All teams have their own unique needs and particular workflows. Integrating useful collaboration tools seamlessly into that workflow is the key to your team’s success. We offer security-first diagramming for teams working with Atlassian products.

Integrate diagramming in your workflow

Collaborate effectively on diagrams stored in various cloud platforms using our free online diagram editor. If you are working with external teams that use a different tool, can also import diagrams in a wide range of formats.

Improve your team’s productivity and keep all of your tools within the one workflow to minimise context switching and confusion. Instead of diagramming outside your main tools and workflow, install for Confluence and for Jira from the Atlassian Marketplace and let your team collaborate on diagrams directly in the context of the relevant pages and issues.

Tip: As an open source tool, can also be integrated with a wide range of third-party applications and services.

Use extensible and flexible tools

Customise and the apps to make diagramming even easier. Set your own custom fonts, colour schemes, special shapes and shape libraries, templates and even configure the UI - make it easy for your team members to diagram quickly and in the same style.

See how you can customise for Confluence Cloud

The Board macro provides teams with an easy-to-use online whiteboard in Confluence. Behind the simpler whiteboard-like interface in a Board diagram, you can still find and use all of the powerful diagramming features.
With the Board macro, you have a fully featured online whiteboard inside Confluence Cloud

Diagrams for all teams

Various types of diagrams are used by teams in all departments. Whether you are in IT, software development, HR or marketing, you most likely need to create diagrams regularly.

Software teams: Smooth development, fewer bugs

Diagrams ensure the process of designing and programming applications is smoother with fewer bugs, especially when team members are working on the same code base. You will be able to build, test and manage your software project with ease.

An example gitflow diagram

There are a huge variety of diagrams that you can use in a software development team:

  • Document your development processes with Gitflow diagrams to make sure all of your team members know on which branches they should develop.
  • Create UML diagrams of your existing code to see where changes and extensions will affect other code areas.
  • Mock up user interfaces and document infrastructures quickly and easily.
  • Diagram your testing processes to ensure a thorough test coverage, and let as few bugs as possible through to production.
  • Create diagrams quickly and easily from text with PlantUML and Mermaid diagram integrations.
  • Use diagrams to double check the security of your processes and data transfer with attack modelling.

Example process flow diagram for threat modelling

By integrating a diagramming tool into your existing applications and workflows, you can keep these diagrams in context and collaborate on them more easily with team members. Diagrams are useful tools to keep everyone on the same page throughout the software development lifecycle, from ideation through to code reviews and testing.

While everyone can use our online diagram editor to view, edit and share diagrams, you can also diagram directly in the related Jira issues with the app.

Business teams: Diagrams for HR, marketing and management

Business teams are increasingly moving to agile methodologies to keep up with the faster pace of hiring, product management, content creation, and marketing. Diagrams are used by everyone:

An example Gantt chart inserted from Mermaid code

  • Track marketing campaigns, product launches and monitor projects with Gannt charts and Mermaid diagrams.
  • Onboard new team members with process flows and organisation charts.
  • Design and publish infographics.
  • Document content creation and release processes with BPMN diagrams.
  • Forecast and present results from CSV data.
  • Define a conference, office or even an apartment layout with a floor plan.

A ground floor apartment floorplan created in  The second floor of an apartment floorplan created in has a large library of shapes and templates for all of these types of diagrams and more. You can either export your diagrams to PDF files or images for easy printing, or integrate with popular presentation software and cloud storage platforms.

As everyone can access and use the open source tool at, you can collaborate on diagrams with external partners easily.

IT teams: Infrastructure and asset tracking

Export your infrastructure from your live cloud platform monitoring tools and import them into to save a snapshot of their current state, plan for upgrades and maintenance. Or create your own infrastructure diagrams to track your hardware assets and network information.

Add these diagrams to their related Jira Service Desk issues using the app to keep all the necessary information in one place and make team communication easier.

An AWS template available in for IoTs device and apps, running on Amazon's cloud platform

Design teams: UX mockups for development and review

Diagrams give you a competitive edge when your designers collaborate with your software development and engineering teams. Iterate on wireframes and mock-ups, review, approve and develop great user interfaces by using diagrams directly in context in your documentation workflow.

The range of libraries and shapes that are available in let you place user interface elements in a variety of styles, from webpages to mobile applications on various platforms. Create your own custom shape assets to evaluate UX changes to existing applications quickly and easily.

Bootstrap template for UX design and testing

Follow us on GitHub, Twitter, Facebook.