Tldraw Make Real
by tldraw
FreeAI whiteboard tool that turns hand-drawn sketches into working UI components and web apps.
Overview
tldraw Make Real is an AI-powered tool built on top of tldraw (a free, open-source collaborative whiteboard) that converts hand-drawn sketches and wireframes into functioning websites in seconds. You draw a UI design on the canvas, click "Make Real," and GPT-4 Vision generates working HTML, Tailwind CSS, and JavaScript code from your sketch.
The workflow is iterative — you can annotate the generated live website directly on the canvas with feedback and re-generate, refining the design without starting over. The tool embeds live websites via iframes within the canvas, so you can interact with your generated UI while still in the design environment.
Make Real supports multiple AI providers (OpenAI, Anthropic, Google), and since it's open source, you bring your own API key and pay only for the AI calls you make. There's no subscription or platform fee. The tldraw whiteboard itself has over 10,000 GitHub stars and a thriving open-source community.
This is best thought of as a rapid prototyping tool — it excels at turning quick sketches into working frontends for review and iteration, though the generated code may need refinement for production use.