tldraw.computer – Steve Ruiz, tldraw

tldraw.computer — Steve Ruiz on drawing apps into life

I keep thinking about that moment when a sketch stops feeling like a sketch, and starts behaving like an app. That’s exactly what Steve Ruiz shows with tldraw.computer, a playful, experimental space where you draw on an infinite canvas, and a Large Language Model (LLM) helps turn those drawings into interactive logic. It’s weirdly satisfying, like watching a paper prototype suddenly talk back to you.

Quick background, for context. In 2024 tldraw.computer emerged as a loose visual programming environment, kind of like building with sticky notes that actually run. The video demo (watch it here: https://youtu.be/1C2TdPkj6aQ?si=bA9jek-TT5iHdasO) shows how LLMs execute graphs on that infinite canvas, so simple instructions and shapes become dynamic outputs.

I tried a tiny thing myself, scribbling a box that said „random quote“ and connecting it to a button. Within minutes I had a live widget fetching lines of text (yes, slightly magical). It wasn’t perfect, and I had to tidy a few labels, but the speed of iteration felt liberating. Designers can prototype behavior. Educators can make interactive examples. Tinkerers (like me) get immediate feedback.

So what’s next? Expect more approachable tools that blur drawing and coding, letting ideas iterate faster, and lowering the barrier to building interactive experiences. There will be rough edges, of course, and we’ll learn when to step in and refine the logic. For now, tldraw.computer is a neat reminder that interfaces can be more playful, and that sometimes the best way to create is to draw first, then let the system fill in the details.

Watch Steve Ruiz’s demo here: https://youtu.be/1C2TdPkj6aQ?si=bA9jek-TT5iHdasO

tldraw.computer — Steve Ruiz erklärt das Zeichnen von Apps

Manchmal reicht eine schnelle Skizze, um eine Idee lebendig zu machen. Genau das zeigt Steve Ruiz mit tldraw.computer. Auf einer unendlichen Leinwand verwandeln sich Zeichnungen durch Large Language Models (LLMs) in interaktive Elemente. Klingt fast wie Zauberei, und ja, es fühlt sich so an, wenn ein simples Rechteck plötzlich reagiert.

Kurz zur Entstehung: 2024 wurde tldraw.computer als lockere visuelle Programmierumgebung vorgestellt. Im Demo-Video (hier ansehen: https://youtu.be/1C2TdPkj6aQ?si=bA9jek-TT5iHdasO) sieht man, wie LLMs Graphen ausführen, die Nutzer auf der Leinwand erstellen. Einfache Anweisungen plus Formen ergeben dynamische Ausgaben, ganz ohne erst monatelang zu coden.

Ich habe es ausprobiert, nur kurz, mit einer Schaltfläche für zufällige Zitate. Ergebnis: ein kleines interaktives Element, das tatsächlich Texte abruft. Es war nicht perfekt, ich musste nacharbeiten, aber die Möglichkeit, schnell zu experimentieren, ist großartig. Für Designer, Lehrende und Bastler ist das ein echter Gewinn.

Blick nach vorne: Werkzeuge wie dieses werden das Prototyping zugänglicher machen, Ideen schneller testen lassen, und Brücken zwischen Zeichnen und Programmieren bauen. Es bleibt Arbeit, die Logik zu verfeinern, aber der erste Schritt — mal zeichnen und sehen, was passiert — macht einfach Spaß.

Das Demo-Video von Steve Ruiz: https://youtu.be/1C2TdPkj6aQ?si=bA9jek-TT5iHdasO