Diagrams.net (Draw.io) Embeds

Preview your  Diagrams.net  ( Draw.io ) designs to keep everything in one place

 Diagrams.net  (formerly  Draw.io ) lets you illustrate your documentation by creating diagrams for processes, product architecture, workflows, relational schema, and more.   Draw.io  files hosted on Google Drive, GitHub, or Trello can be embedded into any Slite document.

How your embed will work

You will be able to navigate in the file, zooming in and out.
Unlike other embeds, if you update your diagram / file in Google Drive you will need to refresh your doc or just leave this doc and come back to see the last changes.

https://slite.com/api/files/wiTVXXVfDZ8z_J/diagramsnet.gif?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiUEM4ckFpUVBfWUFlaDUiLCJpYXQiOjE3MTUxNzAzNDgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoicjZSRXlvQ1lITVpSTUEiLCJleHAiOjE3MTc3NjIzNDh9.O93nK2LNXVvKGcJsBgLWxqTgnIMHyJa1I4AyaUNew0E


How to embed from Google Drive

Note: these embeds will only appear on web, not in the Slite desktop app.
Head to  Diagrams.net 
Click Share > Get link > Choose "anyone with the link"
Click Create and copy the link
In Slite, type '/draw.io' or choose  Draw.io  in the inline toolbar and paste your link.

How to embed from  Diagrams.net  directly (or GitHub)

Note: your embed will not update automatically in Slite, if the file is not hosted through Google.
Head to  Diagrams.net 
In the menu, click File > Publish > Link
In Slite, type '/draw.io' or choose  Draw.io  in the inline toolbar and paste your link.

How to embed from Trello

Add the  Draw.io  power up, if you don't have it.
In the Trello card, click on 'edit' on the  Draw.io  file.
In the  Draw.io  window, open File > Export as URL > Create & copy the link.
In Slite, type '/draw.io' or choose  Draw.io  in the inline toolbar and paste your link.