Step 2: Get to know the draw.io interface
A diagram typically consists of shapes, connectors, and text. Depending on what you work with, the available tools in the toolbar and the displayed formatting options will change depending on what you have selected.
The toolbar is displayed directly under the draw.io menu. The available tools will change depending on what you are working with in your diagram.
The drawing area is in the middle – what you see in this area is what is displayed in your Confluence page after you save it. There are guide lines to help you align each component in your diagram.
You can move around the drawing area with the mouse wheel or the scroll bars on the sides of the drawing area. Or you can click and hold the right mouse button and drag the drawing area around.
To zoom in and out, use the two magnifying glass icons in the toolbar. Alternatively, press and hold the Alt key and use the mouse wheel to zoom.
An introduction to the draw.io interface
The shape library is displayed on the left hand side of the drawing area and contains a variety of shapes, connectors, and text organized into categories. You can expand or collapse these categories as needed.
To add a shape to your diagram, simply click on a shape in the symbol library, or click and drag it into the diagram.
Shapes, text, and connectors in the drawing area are collectively called objects.
Tip: You can add your own shapes to a custom library, if you can’t find the ones you need.
When you select an object, you can customize how it appears, text included within the shape, or the arrangement and size in the format panel on the right hand side of the drawing area.
When nothing is selected, the drawing area itself may be customized.
The contents of the format panel change depending on what you have selected.