Reading Time: 9 Min

Diagrams are powerful – they make text easier to see, and you are more in all likelihood to remember entropy when it's presented in a diagram. Plus, they piddle your documents and presentations look untold more professional.

Companies are increasingly switching to G Suite and individuals are fetching vantage of Google's free cloud-based office software system and file storage political platform.

With the justify draw.io add-ons for Google Docs, you can easily sum up your draw.io diagrams every bit images to your documents and presentations, without having to export an image from draw.io and spread it into your document manually for each one sentence you change your diagram. Now, whenever your diagrams are updated, you can refresh them in your document and it will mechanically regenerate the diagram image with the updated diagram. This works really well when you store your diagrams in Google Drive!


Install the draw.io add-happening

1. Initial, open operating theatre create a new document. In the carte, click Add-ons then Get add-ons.

2. Explore for pass around.Io, then click on the + Free button. Google may ask you to logarithm into your account.

3. Finally, get through on Allow to give the draw.io accessory license to access your Google Account so it can see your files and import diagrams.

You'll now be healthy to insert your hooking.io diagrams into your documents.

Your diagram information is secret and secure when you use the draw.io add u-on in Google's software system. If you save your diagrams to Google Drive, all data, including the diagram file out and your documents stay within your Google account.


Put in a plot into a Google Commerce Department

  1. Select Add-ons > Draw.io Diagrams > Insert Diagrams from the menu.
  2. Navigate to where your diagram is stored, click connected it, so chink Select.
  3. Set the display options for your plot inside your papers:
    • Choose which Page of your diagram to insert into your text file if your diagram has multiple pages. You can lone add one diagram page each time you insert a diagram.
    • If you deficiency to include a high quality image (better for print, but this may slow Google Docs down), choose the Up Resolution checkbox.
  4. Click Cut-in and your plot will be added to the Sri Frederick Handley Page.

Your diagram will mechanically fill the width of the Sri Frederick Handley Page. When you superior information technology, you can drag the corners to resize IT, and drag the middle to move it to another locating on the page.


Insert multiple diagrams in one step

While you can only insert one page from any one-woman plot into your written document all time, you toilet superior multiple diagrams to insert at formerly. Each of these diagrams will be automatically resized to fill the width of the varlet.


Work with your diagrams

When you select your diagram in your Google document, you'll take care it was mechanically linked to the suck.io diagram Indian file.

Click on this link (usually displayed down the stairs your plot) to open it in the draw.Io editor in a newborn browser tab.

Be careful: Don't remove that colligate or you volition no thirster be able to open information technology in pull out.io from within your document or update it via the add-on bill of fare options!

Comment on diagrams

Single of the best things about Google Docs is how easy it is to collaborate with others on the one document. You can comment on the plot in exactly the same way as commenting on textual matter or on an image.

Select the diagram then click the Add a comment bubble connected the right, or right-flick and quality Notice from the context menu.

Update your diagram to see changes

When you have changed something in your plot in the draw.Io editor, you'll need to regenerate the placeholder image of it in your document.

Select Add-ons > Sop up.io Diagrams > Update Designated from the bill of fare. After a dead metre, the diagram in your document will be updated with the changes you made in draw.io.

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


Change how your diagram appears

There are a fewer editing options that you can use to change how your diagram appears in your papers, without having to open it in the attracter.io editor – this will not change your diagram itself.

Image options

You can recolor the plot, change its foil, luminousness or contrast within your papers without dynamical the diagram itself away scene different fancy options.

Select the diagram in your document, then come home Ikon Options in the toolbar, or right click and select Effigy Options from the context menu. The settings that you can convert will appear in a panel on the right.

For example, you backside quickly shift a diagram to greyscale to pretend your document (and diagrams) easier and cheaper to print. Your original absorb.io diagram will not be changed.

Crop your diagram

Perhaps you only need to show a share of a diagram, but don't want to create a separate draw.Io page just for that diagram section.

Double click on the diagram in your document and you bequeath take care a thick and black sketch appear. Alternatively, select the diagram then click Crop image in the toolbar.

Drag in this outline to admit just the section of the plot you want to display. You can drag the diagram 'under' the crop selector to display a different part of the diagram – it doesn't just sustain to show the top left!

Rotate your diagram

When you select a diagram, you'll see an extra round traffic circle hanging disconnected the top. Mouse click and drag this left operating theater right to rotate the plot in your written document. This only changes what you run across in your text file – your original draw.io plot wish not be modified.