draw.io Training – Exercise 9: Create your own custom library

About the Author:

2017-10-27T10:50:41+00:00 August 14th, 2017|draw.io, Tutorial|

Custom libraries make working with your own graphics and icons a breeze. You can quickly and easily import your own libraries and use your custom shapes. Alternatively, you can create a custom library from an existing diagram, as you will learn how to do in this exercise.

We’ll be working with the Azure template diagram.

Your tasks

  • Open the “Azure” template from the template manager. You can find this under network diagrams.
  • Add your own custom library: File > New Library.
      • Rename your new custom library.
      • Drag and drop the fabric tape and WD-40 images that you can find below, into your library and click Save.
      • Select one of the columns in the drawing area, and use the plus to copy it into your new library at the top of the left-hand panel.
      • Copy some shapes from the symbol library into your custom library.
        Note: You can only insert shapes or groups of shapes from the drawing area, so make sure you delete any you don’t want to leave in the diagram after you have dragged them into your custom library.
  • Save and close the diagram.

Images to insert into your custom library

Fabric tape

WD-40

Your own custom shape library

To create your own custom library click File > New Library.

Name your library, drop in any image files from your computer that you want to store in your library, then click Save.

After dragging the images into your new custom library.

You can add shapes or groups of shapes to the custom library in the same way that you use the scratchpad. Simply select the group of shapes you want to add, then click on the little + icon in the header of your custom library. Here, we’ve selected the entire first column as an example.

Note: To copy shapes into your custom library, they must be on the drawing area.

  • Drag and drop the selected shape or group of shapes from the drawing area into your custom library.
  • You can also drag and drop image files from your computer into your custom library.

Adding a group of shapes to a custom library.

Adding an additional shape to the custom library – it must be on the drawing area.

You can edit the contents of the custom library at any time by clicking on the pencil icon in the header of the custom library.

Tip: Other draw.io users in your Confluence space can use your custom library when they create draw.io diagrams.

Scratchpad

You can use the scratchpad to create your own (quick) custom library, but only you can see your scratchpad. If you want your colleagues to be able to use the shapes in your scratchpad, you’ll need to create and save a custom library with those shapes/images (above).

You can work with the scratchpad in the same way as with a custom library.

  • Drag and drop the selected shape or group of shapes from the drawing area into the scratchpad.
  • You can also drag and drop image files from your computer into the scratchpad.
  • Edit the contents of the scratchpad by clicking on the pencil icon.

Additional resources

Learn more about working with custom libraries

Leave A Comment