How to Install Draw.io on Your Synology NAS

Draw.io (formerly Diagramly) is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files. The software allows you to choose from an automatic layout function, or create a custom layout. They have a large selection of shapes and hundreds of visual elements to make your diagram or chart one-of-a-kind. In this step by step guide I will show you how to install Draw.io on your Synology NAS using Docker.

💡Note: This guide works perfectly with the latest Draw.io v.21.1.1 release.

STEP 1

Please Support My work by Making a Donation.

STEP 2

Install Docker via Synology “Package Center”.

STEP 3

Go to Control Panel / Task Scheduler / Create / Scheduled Task / User-defined script. Follow the instructions in the image below.

STEP 4

Once you click on User-defined script a new window will open. Follow the instructions below:

General: In the Task field type in Install Draw. Uncheck the “Enabled” option. Select root User.
Schedule: Select Run on the following date then select “Do not repeat“.
Task Settings: Check “Send run details by email“, add your email then copy paste the code below in the Run command area. After that, click OK.

docker run -d --name=drawio \
-p 5022:8080 \
-p 8443:8443 \
--restart always \
jgraph/drawio

STEP 5

After you click OK on STEP 4 a new warning pop up window will open. Click OK.

STEP 6

After you click OK on STEP 5, select your “Install Draw” Task then click the “Run” tab. You will be asked to run Install Draw – click Yes. Follow the instructions in the image below.

STEP 7

Go back to STEP 1 or you will deal with karma 🙂

STEP 8

The installation process can take up to a few seconds/minutes. It will depend on your Internet speed connection. Now open your browser and type in http://Synology-ip-address:5022 Select Device to save your diagrams. Follow the instructions in the images below.