Diagram type

ERD / Database

Flowchart

UML

Network / Infra

Sequence

Free Form

Shapes

Insert Image

📁 Upload image

Open / Import

📂 Open .dcraft file

Opens a previously saved DiagramCraft file for editing

Quick SQL

100%

● Select 0,0 V=select C=connect P=pan T=text · Del=delete · F=fit · Ctrl+Z/Y undo/redo

◈

Select any element
to edit properties

DiagramCraft — Free Online Diagram Editor

Create professional diagrams entirely in your browser. DiagramCraft supports ERD (Entity Relationship Diagrams), UML class diagrams, flowcharts, sequence diagrams, network/infrastructure diagrams and free-form diagrams. No account, no download, no server upload — everything runs locally.

🗄

SQL → ERD

Paste CREATE TABLE SQL and instantly get an ERD with all foreign key relationships drawn.

📊

UML Class Diagrams

Full UML notation: classes, interfaces, components, actors, use cases, packages, swimlanes.

🔷

Flowcharts

Process, decision, start/end, data, document, cloud, cylinder shapes with smart connectors.

🔗

Smart Connectors

Elbow, curved, straight, rounded routing. UML arrow types: association, generalization, composition, aggregation.

💾

Save & Export

Save as .dcraft file to continue editing later. Export as PNG (print quality) or SVG (scalable vector).

🔀

Mermaid Import

Import erDiagram, graph/flowchart, and classDiagram from Mermaid.js notation.

How to Use DiagramCraft

Choose diagram type from the left panel (ERD, Flowchart, UML, Network, Sequence)
Drag shapes from the palette onto the canvas, or double-click to add a node
Hover over a node to see port dots, drag from a port to another node to connect
Click any element to select — edit style, color, font in the right panel
Use SQL→ERD or Mermaid import for quick diagram generation from code
Save your work as .dcraft, export as PNG for presentations or SVG for web