What is DrawMotive?

DrawMotive helps you create and edit diagrams on a visual canvas. Use it for software architecture, workflows, network diagrams, and visual notes. You can also describe a diagram in TextGraph and refine the result on the canvas.

Choose a workspace

Workspace	How you work
Diagrams website	Sign in, create diagrams, and import TextGraph into editable drawings
VS Code	Edit local .draw.png files alongside your code, without an account
Confluence Cloud	Publish diagrams as page previews through the installed macro

The hosts provide different controls and saving workflows. Follow the guide for the workspace you use.

Draw and refine

The website toolbar provides Arrow, Rectangle, Ellipse, Diamond, and Text tools. Select objects to change the properties available for that selection, including colors, line styles, and text formatting. Pan and zoom to work on a larger drawing.

For a text-based starting point, choose Import TextGraph on the website. Import creates a new editable diagram; later canvas edits do not rewrite the TextGraph source.

Save and share

The website saves changes locally and synchronizes them with your account. An established canvas can continue editing during a connection interruption. Creating a website diagram requires a connection.

The same account can open its diagram in multiple sessions. A diagram URL does not grant another account access. For team documentation, use a saved PNG from VS Code or a published Confluence preview. See Export and Sharing.

Start here

Follow the Quick Start, or explore the drawing tools and tutorial.