Create SAP BTP solution diagrams with Draw.io (Diagrams.net)

Quick blog just to share something I think it’s AWESOME and haven’t seen people using yet.

You may have used Draw.io (now called Diagrams.net) to create architecture/solution diagrams, flowcharts, mockups, UML, etc. The good news is that a good soul has created a Draw.io library with the SAP BTP icons! It’s the first result on Google when you search for “drawio sap btp icons” (why I haven’t googled it before??!).

SAP Business Technology Platform Solution Diagrams & Icons – Custom draw.io library

https://github.com/rsletta/sap_btp_icons_drawio_lib

Using it is simple

Start a new diagram in Draw.io, then click on File > Open Library from > GitHub…

Step%201

Step 1

Authorize Draw.io to access your GitHub account.

Step%202

Step 2

Step%203

Step 3

A dialog with your repos will open.

Step%204

Step 4

Click on Enter Value… you can input any public GitHub repo. Enter org/repo name: rsletta/sap_btp_icons_drawio_lib

Step%205

Step 5

Select the branch: main

Step%206

Step 6

Navigate to the libs folder and select a file. Each file is a library with multiple icons.

Step%207

Step 7

Repeat the operation for all files in libs folder. You should see the icons on the left panel.

Step%2066

Step 8

Use the SAP BTP icons to build your diagram.

SAP%20BTP%20Solution%20Diagram

SAP BTP Solution Diagram

If you don’t want to import the library via GitHub integration, the GitHub repo describes other ways to do it. Check them out.

PS: there’s this blog from 2018, Be Visual! Use Official Icons and Samples for SAP Business Technology Platform Solution Diagrams, sharing a .ppt file with icons and design guidelines for SAP BTP solution diagrams. That was great, but for whatever reason new icons haven’t been updated and the wiki page has been removed. Which is a shame for I loved that. From now on, I’ll be using Draw.io with rsletta/sap_btp_icons_drawio_lib custom libraries.