Design and Modeling with draw.io

We use draw.io in three ways

✔ With Google Drive, add new draw.io file (diagram.net), then share using Google Drive URL

✔ With Drawio Desktop App, create a filename.drawio offline standalone, then commit/export/share via the cloud.

✔ With https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio create a filename.drawio offline standalone, then commit/export/share via the cloud

❌ We don’t use Draw.io macro in Confluence for cost saving and diagram management approach reason. However, the following tutorials (suffixes with Confluence & Jira) is similar and applicable to standalone

Content are selected from youtube.com/.../drawioapp

 

Real Use

Mindmap

Flowchart

Diagram Type and Usecase

Table

Basics

Introduction

Quick start

Navigation and Controls

Select and Edits

Export PDF (similar for PNG)

Layers

Connectors

Weird

PlantUML with draw.io