Use diagrams in Google Docs

Use the free draw.io add-on for Google Docs to embed your diagrams into your documents. When you make changes to your diagram, you need to update them inside your document to see the changes.

Install the draw.io Google Docs add-on

  1. Open a Google document, or create a new document. Click Add-ons > Get Add-ons.
  2. Search for diagrams and click on draw.io Diagrams for Docs.
    Install the diagrams for Docs add-on from the Google Marketplace
  3. Grant diagrams.net permission to access your Google Documents and the files you have stored on Google Drive.
    Grant permission for diagrams.net to access your Google Drive files and Google Docs
  4. Start using the add-on via the Add-ons > draw.io Diagrams for Docs submenu.

Note: Your diagram data is only ever stored in your browser and on your Google Drive account.

Embed a diagram in a Google doc

  1. Click Add-ons > draw.io Diagrams for Docs > New Diagram to create a new diagram and save it to your Google Drive. You may need to grant additional permissions to diagrams.net to use your Google Drive account.
  2. To embed an existing diagram click Add-ons > draw.io Diagrams for Docs > Insert Diagrams. Select multiple diagrams by holding down Shift when you click on each diagram file.
  3. Select your diagram file(s) then click Select.
    Select your diagram file from Google Drive to insert into your document
  4. If your diagrams has multiple pages, select which page you want to display, then click Insert.
    Embed a diagram in Google Docs

Update embedded diagrams to see changes

Your diagrams are displayed as images inside your Google Document. When you edit the diagram file stored in your Google Drive, you’ll need to regenerate the images to see those changes reflected in your document.

  1. Select the diagram in your Google Document.
  2. Click Add-ons > draw.io Diagrams for Docs > Update Selected.

If you want to update all of the diagrams, click Add-ons > draw.io Diagrams for Docs > Update All.

Learn more about formatting diagrams within a Google document