AI Tools Hub
Tl logo

Tldraw

4.6

Tldraw is an infinite-canvas whiteboard whose Make Real feature converts a wireframe you have drawn into working HTML, CSS and JavaScript.

Try Tldraw on the official siteFree
Screenshot of the Tldraw website
Pricing
Free
Free tier
No
Commercial use
Check the vendor terms
Japanese UI
Not confirmed
Enterprise contract
Not confirmed

What it is good for

  • Design workshops where ideas should become clickable immediately
  • Early-stage exploration before anything is specified
  • Facilitating a conversation about an interface

Strengths and trade-offs

Strengths

  • The canvas itself is free and open source
  • Make Real turns a sketch into a working interface
  • Ideation to running prototype in one tool

Trade-offs

  • Output quality is limited to simple interfaces
  • Not suited to complex screens or stateful flows
  • Make Real needs your own paid model API key

Editors' review

Infinite canvas plus Make Real — a sketch becomes a working interface

Tldraw is an infinite-canvas whiteboard. Its AI feature, Make Real, converts a wireframe drawn on the canvas into working HTML, CSS and JavaScript.

The canvas is free and open source; Make Real runs against a paid model through your own API key. Going from ideation to a running prototype inside one tool is an experience few other products offer.

What comes out is limited to relatively simple interfaces. Complex operational screens and stateful flows are out of scope, so treat it as an early-exploration tool.

Verdict

It shines in design sessions where you want what someone just drew to run immediately. Real design work moves to another tool afterwards.

Compiled from official documentation and public sources, with our own editorial judgement. We do not publish figures we cannot source.

Keep looking

AI codingChat & reasoningUI generationImage generationVideo generationVoice & audioMeeting notesWriting & marketingEnterprise AI

Browse all tools with filters →