ShopTalk 690: Steve Ruiz and tldraw
29 snips
Nov 10, 2025 Steve Ruiz, the founder of tldraw and a skilled developer/designer, delves into the innovative world of collaborative tooling and infinite canvases. He explains how tldraw functions as a versatile whiteboard and SDK, enhancing workflow through local data storage and synchronization. Steve also highlights the exciting potential of AI within tldraw, including smart suggestions and the transformative Make Real feature that converts sketches into functional prototypes. He discusses the unique challenges of creating an engaging UX on an infinite canvas and the platform's role in simplifying HCI experimentation.
AI Snips
Chapters
Transcript
Episode notes
Local And Remote Sync Use Same Design
- tldraw can persist documents locally with IndexedDB and sync across tabs via the Broadcast Channel API.
- The same multiplayer sync runs over WebSockets for real-time collaboration across machines.
Make Real Turned Sketches Into Code
- The Make Real prototype used GPT-4 Vision to turn hand-drawn wireframes into working code prototypes.
- Steve showed it could create one-page TypeScript/Tailwind prototypes from a tldraw screenshot in one shot.
DOM-Based Canvas Enables Iteration
- Because tldraw renders with DOM elements (not a single canvas), generated websites can be placed back on the canvas and re-annotated for iterative prompts.
- Iterating by drawing over generated results turned one-shot generation into an interactive workflow.