AI-agent tekent nu mee op je Excalidraw-whiteboard

Een AI-agent die niet alleen code schrijft, maar ook meetekent op een whiteboard. Dat is het idee achter drawgent, een nieuw open source project van ontwikkelaar Yann Degat. De tool koppelt bestaande AI-coding-assistenten als Claude Code, Codex en opencode aan het populaire tekenprogramma Excalidraw, zodat een agent live diagrammen kan tekenen, aanpassen en controleren.

Van tekstopdracht naar tekening

Met drawgent start een gebruiker een commando in de map van zijn eigen softwareproject. Daarna verschijnt een Excalidraw-canvas in de browser, gekoppeld aan een sessie van de eigen AI-programmeertool. Gebruikers kunnen in een chatvenster om een diagram vragen, of rechtstreeks op de tekening schrijven: "AGENT: maak dit vakje groter". De agentic AI leest vervolgens zowel een schermafbeelding als de onderliggende data van de tekening, past de elementen aan en markeert de opdracht als afgerond zodra het werk klaar is.

Bijzonder is dat de tekening kan worden gekoppeld aan de broncode van een project. Vakjes in het diagram verwijzen dan naar functies of bestanden, zodat de agent kan schakelen tussen het schema en de werkelijke code. Zo kan hij bijvoorbeeld checken of een onderdeel nog wordt gebruikt, of eerst een architectuurwijziging tekenen voordat die daadwerkelijk in de code wordt doorgevoerd.

Gebaren als commando's

Recente updates voegen zogeheten 'laser gestures' toe: met een laserwijzer-achtige lijn over het canvas kan een gebruiker de agent instrueren zonder te typen. Een doorstreping betekent bijvoorbeeld 'verwijderen', een kruisje 'verbinden' en een pijl 'verplaatsen'. Het systeem herkent de vorm van de streek, stelt een uitvoeringsplan voor en toont dat kort in het chatvenster. Pas na bevestiging voert de agent de wijziging door; met de bekende sneltoets Ctrl+Z is alles weer terug te draaien.

Om te voorkomen dat de agent rommelige diagrammen aflevert, controleert de software elke bewerking automatisch op lay-outfouten: overlappende vakken, te kleine tekst, pijlen die dwars door vormen lopen of een te laag contrast. Waar mogelijk stelt het systeem meteen een correctie voor. Ook is er automatische lay-out voor grotere schema's met knopen en verbindingen, zodat de agent geen chaotische wirwar van lijnen produceert.

drawgent is geen zelfstandig AI-model: de tool bouwt voort op het bestaande agentharnas van Claude Code, Codex en opencode, via een standaard waarmee een applicatie met een AI-agent kan communiceren. Voor gebruikers verandert er dus niets aan de onderliggende AI zelf, wel aan de manier waarop ze ermee samenwerken: niet uitsluitend via tekst, maar ook visueel, met de agent als een soort computer-use agent die zelf de tekeninterface bedient.