Drag an end and drop it on an existing shape to attach that end of the connector to it. You can add labels to connectors just like shapes.Īdd and connect a new shape: Click on the direction arrow and select a shape to add and connect it in that direction.Ĭonnect two existing shapes: Click and drag a new connector from one of the direction arrows that appear when you hover over the source shape and drop it on another shape to connect them.Īdd a connector from the toolbar: Click on the Line or Arrow tools in the toolbar to add one to the whiteboard canvas. Once you have added a shape to the whiteboard canvas, hover over it with your mouse to see four direction arrows. These tools will not be shown unless you have edited the diagram. Undo and redo changes: Click on the undo and redo arrows next to the draw.io icon in the top left to undo and redo the most recent changes. Select a group of shapes: Drag or click on the arrow in the top right of the selected shape to rotate it around a central point. After selecting it, type a text label or style it with the format panel (introduced later in this tutorial). Select a shape: Click on a shape, sticky note or text box on the whiteboard canvas to select it. Start typing to add a text label.Īdd a shape from the selection dialog: Double-click anywhere on the blank whiteboard area to open a selection box with more shapes. Add and select shapesĪdd a shape from the toolbar: Drag or click on a shape, a sticky note or the Text tool in the toolbar on the left to add them to the whiteboard. See tooltips: Hover over any part of the draw.io editor to see a tooltip. Drag any floating panel to another position in your browser window.Click on the Shape tool in the toolbar on the left to see the shape libraries.Click on the arrow next to the title to expand or minimise the floating panel.Use the floating panels: The additional floating panels with the shape library, format options, layers, and more, are either minimised or hidden by default. Your whiteboard diagram will be automatically saved - you will see notifications in the top right near the bell icon when the file is successfully saved. Resize your browser to line the tutorial up with the interface elements.If prompted, choose where you want to save the file.png image from this page into that browser tab - the image contains all of the diagram information with individual shapes. Alternatively, if you have already open, drag the.Open the diagram above in our online draw.io editor and make sure you are using the Sketch editor theme.This editor theme is also used in our draw.io for Notion Chrome extension that allows you to embed, edit and store single-page diagrams in Notion. Open this tutorial diagram in draw.io’s Sketch whiteboard editor theme

Our secure draw.io integration for Confluence is built, delivered and maintained by JGraph alongside the online and desktop tools. Tip: To use the Sketch editor theme in our draw.io branded app in Atlassian Confluence, add the draw.io Board macro to a page. Please add any suggestions or ask questions in this discussion thread on the GitHub draw.io project. The Sketch editor theme is under active development. It is also coming to draw.io for Confluence Data Center. Note that the Sketch editor theme is also available in our draw.io branded integration to Confluence Cloud. The lack of page and grid lines, along with the simple toolbar, minimised panels and the default hand-drawn rough style for shape outlines, shading, connectors, and text labels feels like an informal physical whiteboard, much less intimidating than traditional diagramming apps. This theme is ideal to use as a collaborative online whiteboard with your remote team. Visit for art activities and printables.The draw.io editor online at can use the Sketch editor theme which has an endless whiteboard-style canvas and simple toolbar. It’s a great option for fast finishers, indoor recess, or center work. There is no end to what you can do with the online doodle pad. A doodle pad for modeling and solving math problems.The online doodle tool is great for boosting student engagement and encouraging creativity! Use the online drawing tool in many different ways such as: Notice when you color over an area twice, it will turn a shade darker, making for a coloring experience similar to working on paper! Clear the canvas by pressing the trash can symbol. Change the shade of the color by tapping on the color square at the top of the screen. Choose a color from the bottom of the screen. Then, choose how big you’d like your paintbrush to be. To doodle, choose the size of the paintbrush by tapping on the dot symbol. What do you want to draw today? Doodle a flower, a dog, a funny face, a rocket, a dinosaur, or something else!

Educational Games » Create » Art » Draw » Drawing Tools » Doodle Pad Doodle Pad

Online sketchpad notes