draw.io Training – Exercise 6: Work with the shape libraries

By |2023-02-08T12:29:09+01:00May 11th, 2021|learning|
Reading Time: 6 min

What you are going to learn in this tutorial

  • Use the shape search to add shapes to your diagram
  • Position shapes via the Arrange tab on the Format panel

Introduction

You’re ready to start creating more complex diagrams! You should be comfortable inserting and formatting shapes, drawing connectors and inserting text. Plus in the last exercise, you used some more advanced formatting to create your tree.

In this exercise, you will create a flow chart, with a very important theme – drinking coffee!

Diagram example: Drinking Coffee

Tutorial

Add shapes to your diagram

  • Insert all of the shapes you need, using the library search panel and the search terms
    • cloud
    • cylinder
    • user
    • ellipse
    • callout
    • coffee
  • Add connectors and text according to our example above

Board editor users, the shape panel, and the search box can be accessed by clicking on the plus symbol in a box as shown in the orange circle.

Positioning shapes

  • Create a light blue background circle and adjust the size.
  • Move the circle to the background by using the Arrange tab on the format panel on the right. Select the shape and click To Back.

Alternatively, you can use the icons in the toolbar next to the Delete icon.

One more thing…

If you need help with editing shapes, adding and formatting connectors and entering text, refer back to the detailed explanations at the bottom of the earlier exercises:

Now that you are comfortable working with all the shapes, connectors, labels and styles, we’ll dive a little deeper. In the next exercise, you’ll learn how to embed images in your diagram and work with layers.

Tutorial exercise 7: Creating diagrams with layers and images

Share This Story, Choose Your Platform!

About the Author: