draw.io

How to Create and Edit Diagrams Online with draw.io

draw.io is a free online diagram software that lets you create and edit flowcharts, network diagrams, UML diagrams, ER diagrams, database schemas, BPMN diagrams, circuit diagrams and more. You can use it as a web app or download it for offline use on your desktop or VSCode. You can also integrate it with various platforms such as Google Workplace, Google Drive, Sharepoint, OneDrive, Office 365, Microsoft Teams, Atlassian Confluence and Jira, GitHub, GitLab, Dropbox and Notion.
In this article, we will show you how to use draw.io as a web app to create and edit diagrams online. You can follow these steps:
- Go to https://app.diagrams.net/ and choose where you want to store your diagrams. You can select from your device, Google Drive, OneDrive or Dropbox. You can also sign in with your Google or Microsoft account to access your existing diagrams.
- Click on Create New Diagram to start a new diagram or Open Existing Diagram to edit an existing one. You can also import diagrams from other formats such as .vsdx, Gliffy and Lucidchart.
- Select a template from the list of categories or choose Blank Diagram to start from scratch. You can also search for a template using the search box.
- Use the toolbar on the left to add shapes, connectors, text and images to your diagram. You can drag and drop shapes from the library or use the search box to find what you need. You can also customize the appearance of your shapes using the format panel on the right.
- Use the toolbar on the top to perform actions such as undo, redo, cut, copy, paste, align, distribute, group, lock and more. You can also use keyboard shortcuts for faster editing.
- To collaborate with others on your diagram, click on the Share button on the top right corner and choose how you want to share your diagram. You can generate a link, embed code or QR code for your diagram. You can also invite others to edit your diagram by entering their email addresses. You can see their cursors and chat with them in real-time.
- To save your diagram, click on the File menu on the top left corner and choose Save. You can also export your diagram as an image, PDF or other formats.
- To print your diagram, click on the File menu and choose Print. You can adjust the page size, orientation and margins before printing.
We hope this article helped you learn how to create and edit diagrams online with draw.io. For more information and tutorials, visit https://www.diagrams.net/.
Here are some more paragraphs for the article:
How to Use draw.io with Google Workplace and Google Drive
If you use Google Workplace (formerly G Suite) and Google Drive, you can easily integrate draw.io with them and create diagrams within your documents, spreadsheets and slides. Here’s how:
- Install the draw.io add-ons for Google Docs, Google Sheets and Google Slides from the Google Workspace Marketplace.
- Open a document, spreadsheet or slide and click on the Add-ons menu. Select draw.io Diagrams and then Insert Diagram.
- A sidebar will open where you can choose to create a new diagram or open an existing one from your Google Drive.
- Edit your diagram using the draw.io web app and click on Save & Exit when you are done.
- Your diagram will be inserted into your document, spreadsheet or slide as an image. You can resize, crop and rotate it as needed.
- To edit your diagram again, click on it and then click on the Edit button on the sidebar. You can also update your diagram to the latest version by clicking on the Update button.
How to Use draw.io with Atlassian Confluence and Jira

If you use Atlassian Confluence and Jira for project management and collaboration, you can also integrate draw.io with them and create diagrams within your pages and issues. Here’s how:
- Install the draw.io app for Confluence or Jira from the Atlassian Marketplace.
- Open a Confluence page or a Jira issue and click on the Edit button.
- In Confluence, click on the + Insert More Content button and select draw.io Diagram. In Jira, click on the + Add draw.io Diagram button.
- A dialog will open where you can choose to create a new diagram or open an existing one from your Atlassian account.
- Edit your diagram using the draw.io web app and click on Save & Exit when you are done.
- Your diagram will be inserted into your Confluence page or Jira issue as an attachment. You can view it in full screen mode by clicking on it.
- To edit your diagram again, click on it and then click on the Edit button on the dialog. You can also update your diagram to the latest version by clicking on the Refresh button.