🤖drawgent Bridges AI Agents to Excalidraw Whiteboards
AI agents now edit your Excalidraw whiteboards live
TL;DR
drawgent connects AI agents like Claude Code and Codex to Excalidraw, enabling real-time editing and collaboration. Setup requires Node.js ≥ 18 and specific AI agent installations.
drawgent bridges AI agents like Claude Code and Codex to Excalidraw whiteboards, allowing them to edit the canvas live. This integration is a game changer for teams using AI for design and documentation. The setup process is straightforward, requiring Node.js ≥ 18 and a logged-in AI agent. drawgent starts the API on 127.0.0.1:7300, and the scene is saved in .drawgent/scene.json. The integration supports end-to-end encryption and real-time collaboration, making it a must-have for teams leveraging AI in their workflows.
Key Points
drawgent connects Claude Code, Codex, or opencode to Excalidraw, requiring Node.js ≥ 18 (npm).
drawgent up starts the API on 127.0.0.1:7300, with scene saved in .drawgent/scene.json.
drawgent up --room joins the room as a collaborator, with traffic end-to-end encrypted.
drawgent mcp is a stdio MCP server, launched by agents and finds running drawgent up automatically.
API includes GET /api/health, GET /api/scene, GET /api/screenshot, and POST /api/elements.
Why It Matters
If you're using Excalidraw for design and documentation, drawgent lets you integrate AI agents for real-time editing and collaboration. Setup is simple with Node.js ≥ 18 and a logged-in AI agent. The integration supports end-to-end encryption and real-time scene updates, making it a powerful tool for teams leveraging AI in their workflows.
Comments
Be the first to comment
Enjoyed this article?
Get it daily. 7am. Free. Reads in 5 minutes.
Join 3,507 builders reading daily.