Excalidraw is a virtual whiteboard built for the web. It mimics the feel of sketching on paper while offering digital benefits: undo/redo, export, sharing, and real-time collaboration. Unlike pixel-perfect design tools, Excalidraw embraces a rough, hand-drawn aesthetic that encourages ideation over polish. It is widely used for flowcharts, wireframes, technical diagrams, brainstorming, and meeting notes. The tool is free, open source, and runs entirely in the browser.
Excalidraw provides the tools you need to sketch ideas quickly and share them with your team.
Elements look sketched by hand. Diagrams feel approachable and easy to understand without sacrificing clarity.
Rectangles, arrows, diamonds, and more. Smart connectors snap to elements and stay attached when you move them.
Add custom libraries for charts, icons, and recurring elements. Reuse assets across projects.
Export as PNG or SVG. PNG for presentations and docs; SVG for vector scaling and further editing.
Toggle between light and dark canvas backgrounds. Reduces eye strain when working for long sessions.
Full keyboard support for power users. Fast copy, paste, align, and transform without touching the mouse.
Get started in seconds. No signup required. Draw, export, and share.
Load the tool in your browser. The canvas is ready immediately with grid and basic tools.
Select a shape from the toolbar or use the rectangle, diamond, and arrow tools. Click and drag to create.
Click the text tool and place a text box. Type labels, titles, or descriptions for your diagram.
Use the arrow tool to link shapes. Connectors stay attached when you move elements.
Change colors, strokes, and fills. Use libraries to add icons or custom elements.
Export as PNG or SVG. Use the share option to create a link for collaboration.
Use these practices to get more from Excalidraw.
Enable the grid for consistent alignment. Elements snap to grid by default for cleaner layouts.
Select multiple shapes and group them. Move and resize as one unit for faster edits.
Add libraries for charts, icons, and recurring elements. Saves time on repeated visuals.
Low-fidelity works best. Focus on structure and flow rather than decoration.
Assign colors by meaning (e.g., green for success, red for errors) to improve readability.
For PNG, choose a resolution that matches your target (e.g., 2x for retina). For SVG, scale as needed.
Excalidraw fits into many workflows, from quick sketches to structured diagrams.
Wireframes, user flows, and feature diagrams. Communicate ideas quickly without heavy design tools.
Architecture diagrams, data flows, and sequence sketches. Document systems visually.
Explainer diagrams and concept maps. The hand-drawn style keeps content approachable.
Quick concept sketches, layout drafts, and client-facing ideas. Low-fidelity, high clarity.
Live sketching during discussions. Capture ideas as they emerge without switching tools.
Notes, mind maps, and project outlines. Free and browser-based, with no installation needed.
Excalidraw focuses on speed, simplicity, and shareability.
Start drawing immediately. No account or login required. Reduces friction for quick sessions.
No installation or updates. Works on any device with a modern browser. Access from anywhere.
Transparent, community-driven project. You can self-host or contribute to the codebase.
Data stays in your browser. Nothing is stored on servers unless you explicitly save or share.
Generate links to share. Collaborate in real time or send a static export for feedback.
Fast load times and responsive interactions. Works smoothly even on modest hardware.
Have questions? We have answers.