Sketch flowcharts and diagrams in Excalidraw in your browser. Hand-drawn whiteboard style, libraries, PNG and SVG export—no install. Collaboration on excalidraw.com.
Hand-drawn style canvas: Start easy whiteboard drawings for brainstorms and quick visuals—hand-drawn lines without a heavy design tool.
Shapes, arrows, and connectors: Rectangles, diamonds, ellipses, lines, and binding arrows for flowcharts, architecture, and ecosystem diagrams.
Libraries and data-viz starter: Load bundled library items to speed up charts and recurring diagram elements.
PNG, SVG, and scene export: Save images for docs and slides, or load and export scenes from the main menu when you need to iterate later.
Dark mode and canvas background: Toggle theme and background color for long sessions and screenshot-ready output.
Keyboard-first workflow: Shortcuts for power users—duplicate, align, and edit without leaving the keyboard.
Open the canvas
The editor loads at the top of this page. Pick a tool from the left toolbar or use shortcuts.
Draw shapes and connectors
Drag rectangles, arrows, and lines; bind arrows to shapes so diagrams stay connected when you move them.
Add text and labels
Double-click shapes or use the text tool for titles, steps, exam-style labels, and annotations.
Use libraries when needed
Open the library panel for icons and chart blocks, or load a saved scene from the main menu.
Adjust theme and grid
Enable the grid for alignment; switch light or dark mode from the menu.
Export or save
Use Save as image or Export in the main menu for PNG, SVG, or scene files.
Start low-fidelity
Focus on structure and flow first; polish colors and labels after the layout works.
Group related shapes
Group elements you move together—especially in ecosystem or architecture diagrams.
Use consistent stroke colors
Assign meaning with color (errors, success paths) so viewers parse the diagram quickly.
Export SVG for docs
SVG stays sharp in Notion, Confluence, and slide decks; PNG is fine for quick shares.
Try /freehand-draw for SVG paths
Need pure freehand SVG paths? Uwarp also offers /freehand-draw for hand-drawn line art.
Product and design: User flows, wireframes, and workshop sketches without opening a full design suite.
Engineering: Architecture, sequence, and ecosystem diagrams during reviews and incident docs—a lighter draw.io alternative when you want sketch-first diagrams.
Educators and students: Exam-style drawings, concept maps, and classroom explanations in the browser.
Meeting facilitators: Live whiteboard drawing during retros, planning, remote interviews, and schema brainstorms.
No install on this page
Open /excalidraw and sketch immediately in the browser.
Open-source core
Built on the Excalidraw project—transparent, widely adopted, and extensible.
Client-side drawing
Your scene stays in the browser session unless you export or save files yourself.
Figma plugin available
Import hand-drawn diagrams into Figma via the Uwarp Excalidraw plugin in the Figma Community.
“Excalidraw is an open-source virtual whiteboard for sketching hand-drawn-like diagrams, flowcharts, wireframes, and more. It is licensed under the MIT License.”
Excalidraw — open-source virtual whiteboard: This page embeds the Excalidraw editor directly in the browser, providing shape tools, arrows, libraries, and export without requiring any installation. github.com/excalidraw/excalidraw
“SVG is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. It is widely used for diagrams and illustrations.”
SVG — Scalable Vector Graphics format: Diagrams can be exported as SVG files, which scale without quality loss for use in documentation, slide decks, and design tools like Figma. en.wikipedia.org/wiki/SVG
“Open-source whiteboard tools like Excalidraw provide collaborative sketching and diagramming capabilities without proprietary lock-in, supporting PNG, SVG, and scene file exports.”
Open-source whiteboard applications: As a draw.io alternative with a hand-drawn aesthetic, Excalidraw on Uwarp gives teams a free, no-install diagramming solution for flowcharts, architecture sketches, and classroom drawings. excalidraw.com/blog