Insert shapes, links, templates and more in draw.io
Use the Arrange > Insert submenu in the draw.io editor to insert various types of shapes and text elements onto the drawing canvas.
Alternatively, you can access the Insert tool (+
) via the toolbar that is just above the drawing canvas.
What can you insert into a diagram?
Basic shapes: Select Arrange > Insert then select Rectangle, Ellipse or Rhombus to insert that shape.
Text or links: Select Arrange > Insert then select Text or Link to insert a text shape, or a rectangle with a link.
Custom shapes: Select Arrange > Insert > Shape then enter the XML that defines the geometry and style of your custom shape.
Freehand shapes: Select Arrange > Insert > Freehand, draw your freehand shape with your mouse, or pen/finger on a mobile device, and style it as you would any other shape.
Images: Select Arrange > Insert > Image then add the URL to your image or drag it onto the dialog and click Apply.
Templates: Select Arrange > Insert > Template, then select a template from the library, and click Insert to add it to the drawing canvas.
Layouts: Select Arrange > Insert > Layout, select the style of diagram layout you want to use, build the diagram in the dialog, and click Insert to add it to the drawing canvas. The layout tool will automatically rearrange the shapes in your diagram as you add them, keeping the spacing even and neat.
Diagrams from text: Select Arrange > Insert > Advanced > Text, enter text that represents a simple tree diagram or entities containing simple lists in the text field, select the type of diagram you want from the drop down list at the bottom of the dialog, then click Insert.
Mermaid diagrams: Select Arrange > Insert > Advanced > Mermaid. Enter the text description of your diagram in Mermaid syntax in the dialog, then click Insert to automatically generate diagram using draw.io shapes (Diagram) or as an SVG image (Image) and insert it on the drawing canvas.
PlantUML diagrams: Select Arrange > Insert > Advanced > PlantUML. Enter the PlantUML code in the dialog, then click Insert to automatically generate a diagram as an SVG image, PNG image or text, and insert it on the drawing canvas.
Note: PlantUML functionality in only available in online versions of draw.io, not draw.io Desktop or draw.io for Confluence/Jira DC.
Database entities from SQL code: Select Arrange > Insert > Advanced > SQL, add the SQL code in the text field, then click Insert to add the entities to the drawing canvas.
Diagrams from specially formatted CSV data: Select Arrange > Insert > Advanced > CSV, past the draw.io formatting and CSV data over the example in the text field, then click Import to automatically generate a diagram and insert it on the drawing canvas.