Product tour

Eight ways to draw, one canvas .

A 26-second walk through every workflow CorriDraw ships with. Skim the video, then jump to the feature you want to see in detail.

Start drawing — it’s free Jump to features

Free forever No credit card Works offline

🔒 corridraw.com /editor

Flowcharts & processes

Map logic the way it actually flows.

Orthogonal arrows auto-reroute when you drag a box. Decision diamonds, swim lanes, and frames drop in without fighting the grid.

✓ Elbow arrows with A* pathfinding around obstacles
✓ Decision diamonds, swim lanes, and labelled frames
✓ Paste Mermaid — tweak the pixels, keep the source

Hold Shift while dragging to keep arrows orthogonal.

Try it in the editor

CorriDraw canvas showing a flowchart with decision diamonds and routed arrows

ER & system diagrams

Schemas that read like documentation.

Thirteen arrowhead styles including the full crow's-foot cardinality set — one, many, zero-or-one, exactly-one. Describe a schema once, render it beautifully.

✓ Crow's foot, Chen, UML, and custom arrowheads
✓ Embed live data from Figma, Gist, or YouTube on the canvas
✓ Copy as SVG straight into pull-request descriptions

Right-click an arrow to swap arrowhead styles in two clicks.

Try it in the editor

System architecture diagram with database entities and cardinality arrows

Wireframes & UI sketches

Low-fidelity on purpose.

Hand-drawn frames feel draft by design, so stakeholders critique the layout — not your pixels. Ship the idea first, polish the shadow gradient later.

✓ Per-element roughness & seed via rough.js
✓ Reusable component libraries per workspace
✓ Magic Frame — turn a selection into working HTML

Drop in a screenshot to trace it; alpha-set to 30% and lock.

Try it in the editor

Hand-drawn wireframe of a product page layout with navigation and content blocks

Mind maps & brainstorming

Ideas branch as fast as you do.

Infinite canvas, instant branches. Import a Mermaid mindmap or grow one live with the team — no node limits, no paywalled colors.

✓ Tab to add a child, Enter for a sibling
✓ Collapse branches to focus one theme
✓ Export back to Mermaid or a Markdown outline

Tab adds a child; Shift-Tab promotes; Enter adds a sibling.

Try it in the editor

Radial mind map with a central topic and colored branches spreading outward

Kanban & planning

Plans you can actually push around.

Sticky notes, swim lanes, and frames group work into boards your team can move around in — no rigid grid, no ticket ceremony.

✓ Color-coded sticky notes with author avatars
✓ Swim-lane frames that resize with their content
✓ Pinned comments resolve inline on the canvas

Frames auto-grow with their contents — lanes never go stale.

Try it in the editor

Kanban board with swim lanes, colored sticky notes, and in-progress columns

Real-time collaboration

Edit the same canvas, on different continents.

Open a board, copy the link, and your teammate is drawing in the same room a second later. Cursors, selection halos, and viewport-follow mode all stream over a single Socket.IO connection — throttled to 30fps so your laptop stays cool.

✓ Live cursors with names and idle / editing status
✓ Follow-a-teammate mode — jump into their viewport in one click
✓ Offline edits merge cleanly on reconnect (same path as live ops)

Click a teammate's avatar to follow their viewport.

Try it in the editor

Two collaborators editing the same canvas with live cursor pills and selection highlights

Mermaid import

Paste Mermaid. Get an editable diagram.

Drop your Mermaid source into the import dialog and CorriDraw renders it as native shapes — not a static PNG. Tweak the layout pixel-by-pixel and round-trip the source any time the docs need a refresh.

✓ Flowchart, sequence, class, ER, state, and mindmap syntaxes
✓ Native shapes you can grab, restyle, and reroute
✓ Export back to Mermaid when the diagram becomes the source of truth

⌘/Ctrl-Enter inserts the rendered diagram into the canvas.

Try it in the editor

Mermaid source on the left and the rendered CorriDraw diagram on the right

PlantUML import

PlantUML in, hand-drawn shapes out.

Paste PlantUML and watch the same renderer that powers your CI docs become an editable, hand-drawn canvas. Sequence, activity, component, deployment — if your back-end speaks UML, the front-end now speaks pixels.

✓ Sequence, activity, class, component, and deployment diagrams
✓ Stays hand-drawn (rough.js) so it looks at home next to the rest
✓ Self-host the rendering server to keep diagram source off the public internet

Self-host the server with `docker run plantuml/plantuml-server:jetty`.

Try it in the editor

PlantUML source rendered as a hand-drawn sequence diagram on the CorriDraw canvas

Charts from data

Drop a spreadsheet. Get a chart.

Drag a .csv onto the canvas and CorriDraw renders a live chart you can resize, restyle, and switch between ten chart types from the side panel — line, bar, area, pie, scatter, composed, radar, radial, treemap, funnel. The CSV stays inside the diagram, so the chart travels through save / reload / copy-paste / undo just like any other element.

✓ Drag-drop a CSV; auto-picks the X axis and every numeric column as a series
✓ Switch between 10 Recharts types from the side panel without re-importing
✓ Per-series colours, dual Y-axes (L/R toggle), and theme-aware light / dark

Pin one series to the right Y-axis when scales clash — small series stop flatlining.

Try it in the editor

Open a canvas. Start drawing.

No setup, no demo call, no credit card. The editor is one click away.

Open the editor