Reading Fourth dimension: ix min

Diagrams are powerful – they make text easier to empathize, and you lot are more probable to remember information when it'due south presented in a diagram. Plus, they make your documents and presentations look much more than professional person.

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

With the free draw.io add-ons for Google Docs, y'all can hands add together your draw.io diagrams as images to your documents and presentations, without having to consign an image from draw.io and paste it into your certificate manually each time y'all alter your diagram. At present, whenever your diagrams are updated, you tin refresh them in your certificate and information technology will automatically regenerate the diagram image with the updated diagram. This works really well when you shop your diagrams in Google Drive!


Install the draw.io add-on

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

2. Search for draw.io, so click on the + Gratis button. Google may ask you to log into your business relationship.

iii. Finally, click on Allow to give the depict.io addition permission to access your Google Account then it can see your files and import diagrams.

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

Your diagram information is private and secure when you lot utilise the depict.io add-on in Google's software. If y'all save your diagrams to Google Drive, all data, including the diagram file and your documents stay within your Google account.


Insert a diagram into a Google Doc

  1. Select Add-ons > Draw.io Diagrams > Insert Diagrams from the menu.
  2. Navigate to where your diagram is stored, click on it, then click Select.
  3. Set the display options for your diagram within your document:
    • Choose which Page of your diagram to insert into your document if your diagram has multiple pages. You can only add one diagram page each time you lot insert a diagram.
    • If you want to include a high quality prototype (better for impress, but this may slow Google Docs down), select the High Resolution checkbox.
  4. Click Insert and your diagram volition exist added to the page.

Your diagram will automatically make full the width of the page. When you select it, y'all tin drag the corners to resize it, and drag the heart to move it to another position on the folio.


Insert multiple diagrams in one step

While you lot tin merely insert one page from whatsoever single diagram into your document each time, you tin can select multiple diagrams to insert at once. Each of these diagrams will exist automatically resized to fill the width of the page.


Work with your diagrams

When y'all select your diagram in your Google document, you lot'll see information technology was automatically linked to the describe.io diagram file.

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

Be conscientious: Don't remove that link or you lot volition no longer be able to open it in depict.io from within your document or update it via the add-on menu options!

Comment on diagrams

1 of the best things about Google Docs is how easy it is to interact with others on the one certificate. You can annotate on the diagram in exactly the same mode as commenting on text or on an image.

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

Update your diagram to see changes

When yous take changed something in your diagram in the draw.io editor, you'll need to regenerate the placeholder image of information technology in your certificate.

Select Add together-ons > Depict.io Diagrams > Update Selected from the menu. After a curt time, the diagram in your document will be updated with the changes you made in depict.io.

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


Alter how your diagram appears

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

Image options

You can recolor the diagram, alter its transparency, brightness or contrast within your document without changing the diagram itself past setting different image options.

Select the diagram in your document, then click Image Options in the toolbar, or correct click and select Image Options from the context menu. The settings that you can change will appear in a panel on the right.

For example, you tin can chop-chop change a diagram to greyscale to brand your document (and diagrams) easier and cheaper to print. Your original depict.io diagram volition not exist changed.

Ingather your diagram

Maybe you only need to show a office of a diagram, just don't want to create a carve up draw.io page just for that diagram section.

Double click on the diagram in your certificate and you will see a thick and blackness outline announced. Alternatively, select the diagram then click Ingather image in the toolbar.

Elevate this outline to include simply the section of the diagram you lot want to brandish. You can drag the diagram 'under' the crop selector to display a dissimilar part of the diagram – it doesn't simply have to show the top left!

Rotate your diagram

When you lot select a diagram, you'll run across an extra round circumvolve hanging off the top. Click and drag this left or correct to rotate the diagram in your document. This only changes what you come across in your certificate – your original describe.io diagram will not be modified.