Reading Time: 9 min

Diagrams are powerful – they make text easier to empathize, and yous are more likely to call back data when it's presented in a diagram. Plus, they make your documents and presentations expect much more professional person.

Companies are increasingly switching to Grand Suite and individuals are taking advantage of Google's free cloud-based part software and file storage platform.

With the free draw.io add-ons for Google Docs, you can easily add together your draw.io diagrams as images to your documents and presentations, without having to export an image from describe.io and paste information technology into your document manually each fourth dimension you alter your diagram. Now, whenever your diagrams are updated, yous tin can refresh them in your document and it volition automatically regenerate the diagram image with the updated diagram. This works really well when you store your diagrams in Google Drive!


Install the describe.io addition

1. First, open or create a new document. In the bill of fare, click Add together-ons then Get add-ons.

2. Search for draw.io, and then click on the + Costless button. Google may inquire you lot to log into your account.

3. Finally, click on Permit to give the draw.io add-on permission to access your Google Account so it can see your files and import diagrams.

Yous'll now be able to insert your describe.io diagrams into your documents.

Your diagram data is private and secure when you use the draw.io add-on in Google'south software. If y'all salve your diagrams to Google Drive, all data, including the diagram file and your documents stay within your Google business relationship.


Insert a diagram into a Google Doctor

  1. Select Add-ons > Depict.io Diagrams > Insert Diagrams from the bill of fare.
  2. Navigate to where your diagram is stored, click on it, then click Select.
  3. Set the display options for your diagram inside your certificate:
    • Cull which Folio of your diagram to insert into your document if your diagram has multiple pages. Yous tin can only add together 1 diagram folio each time y'all insert a diagram.
    • If y'all want to include a loftier quality image (better for print, but this may tiresome Google Docs downward), select the High Resolution checkbox.
  4. Click Insert and your diagram will exist added to the page.

Your diagram will automatically fill up the width of the page. When you select information technology, y'all can drag the corners to resize it, and elevate the middle to move it to another position on the page.


Insert multiple diagrams in one footstep

While you can only insert one page from any single diagram into your document each time, yous tin select multiple diagrams to insert at once. Each of these diagrams volition be automatically resized to fill the width of the page.


Work with your diagrams

When you select your diagram in your Google certificate, y'all'll run across it was automatically linked to the draw.io diagram file.

Click on this link (usually displayed below your diagram) to open it in the draw.io editor in a new browser tab.

Be careful: Don't remove that link or y'all will no longer exist able to open up it in draw.io from within your document or update it via the add-on menu options!

Comment on diagrams

One of the all-time things virtually Google Docs is how easy it is to interact with others on the one document. You can comment on the diagram in exactly the aforementioned way as commenting on text or on an image.

Select the diagram then click the Add together a comment bubble on the right, or correct-click and select Comment from the context menu.

Update your diagram to see changes

When you lot have changed something in your diagram in the draw.io editor, y'all'll need to regenerate the placeholder image of information technology in your document.

Select Add-ons > Draw.io Diagrams > Update Selected from the carte du jour. Afterward a short time, the diagram in your document will exist updated with the changes you made in depict.io.

Tip: If more than than one diagram has been changed, choose Update All instead.


Change how your diagram appears

There are a few editing options that you can use to change how your diagram appears in your document, without having to open it in the draw.io editor – this will non alter your diagram itself.

Image options

Y'all can recolor the diagram, change its transparency, brightness or dissimilarity within your certificate without irresolute the diagram itself by setting unlike epitome options.

Select the diagram in your document, then click Paradigm Options in the toolbar, or right click and select Prototype Options from the context menu. The settings that you can alter will announced in a panel on the right.

For example, y'all tin chop-chop change a diagram to greyscale to brand your certificate (and diagrams) easier and cheaper to print. Your original draw.io diagram will not be changed.

Crop your diagram

Perhaps yous only demand to show a part of a diagram, but don't want to create a divide draw.io page just for that diagram section.

Double click on the diagram in your document and you will meet a thick and blackness outline appear. Alternatively, select the diagram then click Crop image in the toolbar.

Drag this outline to include just the department of the diagram y'all desire to brandish. You tin drag the diagram 'under' the crop selector to display a unlike part of the diagram – it doesn't just have to show the tiptop left!

Rotate your diagram

When you select a diagram, yous'll come across an extra round circle hanging off the top. Click and drag this left or right to rotate the diagram in your document. This simply changes what you see in your document – your original describe.io diagram will non be modified.