Posts

Showing posts from March, 2026

My learning on Excalidraw on Claude

Image
Excalidraw is an open-source, virtual whiteboard tool designed for creating hand-drawn style diagrams, sketches, and visual content directly in the browser — no installation required. Unlike polished tools like Lucidchart or Figma, Excalidraw renders everything with a slightly rough, hand-sketched aesthetic. This makes diagrams feel approachable and collaborative rather than final or authoritative — great for brainstorming and early-stage design. Under the hood, every diagram is just a JSON file describing elements — their type, position, size, color, and connections. This makes Excalidraw highly programmable and easy to generate diagrams from code or AI (like the healthcare architecture diagram above!) Ecosystem & Integrations: MCP server — lets AI assistants like Claude generate and edit diagrams programmatically VS Code extension — draw diagrams inside your editor React component — @excalidraw/excalidraw is a fully embeddable npm package you can drop into any web app Common...