Drawing network diagrams with Gliffy is easy regardless of which type of network topology you’re working with. Take the intuitive Gliffy interface for a quick test drive and soon you’ll be diagramming like a pro.

In this example, we’ll plot out a basic network diagram, but these techniques will apply to all network diagram types regardless of complexity.

If they’re not already there, add network shapes to your Gliffy Shape Library by clicking ‘More Shapes’ at the bottom of the Shape Library and selecting ‘Network’.

Network - Add Network Shapes

You'll be able to find all the symbols pictured in the diagram below in the Business sub-section of network diagram shapes. Here's what you'll need:

1 Cloud
1 Firewall
4 Servers (1 database, 1 mail & 2 web servers)
1 Router
1 WiFi Router
1 Switch
1 Load Balancer
Symbols representing Wireless clients
Symbols representing Wired clients


Click this image to use it as a template!


To make the diagram instantly readable, group similar symbols together by color. Double click on the shape and open the Edit Shape Properties icon. Here you'll be able to change color, height, width and font type and size.

network diagram example


Drag the symbols to arrange them and connect them using the connector tool in the toolbar.

connector tool

If you'd like to make a change that applies to the entire canvas you can select it using Command-A. That will change Edit Shape Properties into Edit Group Properties so you can adjust settings for multiple icons at once. You can for example, change the font family for all the labels to Roboto Condensed and make all the text bold.

network diagram select all


And that’s how easy it is to design a network using Gliffy. Your network diagram is now ready to share, publish, or export.

Ready to try it yourself?

Draw Network Diagram