Skip to content

DirectoryTools

tldraw logo

tldraw

Sketch a UI on the canvas, get a working prototype.

Visit tldraw

Coding & WebFreeWe checked the prices on tldraw.notion.site on 28 Sep 2026.

tldraw homepage screenshot

What is tldraw?

Sketch a UI on the canvas, get a working prototype.

Who is tldraw best for?

tldraw is best for designers and developers who want to sketch an interface on a canvas and get a working HTML prototype back.

  • Quick UI prototypes

    You draw the screen, select the shapes and click Make Real, and the model returns a page you can click through on the canvas.

  • Iterating by marking up

    You can draw notes on top of a result and send both back, so the next version picks up your changes instead of starting over.

  • Turning screenshots into pages

    Screenshots dropped onto the canvas can be part of the prompt alongside your own sketches.

  • Developers taking the code away

    Each result can be copied as code and saved as an HTML file, or shared as a link that opens like any website.

How much does tldraw cost?

tldraw's Make Real is free with no paid tier: you add your own OpenAI, Anthropic or Google API key, and that provider bills you for what you use.

Free$0No paid tier
  • Bring your own OpenAI, Anthropic or Google API key
  • Model usage is billed by that provider, not by tldraw
  • Results can be copied as code or shared by link

tldraw says asking for your own API key is what keeps Make Real free and free of rate limits. The tldraw SDK that Make Real is built on is a separate product for developers, sold as a commercial licence through sales after a 100-day free trial. Full pricing on tldraw.notion.site. We checked these prices on .

How do readers rate tldraw?

No one has rated tldraw yet. Be the first.

No ratings yetThe score and its stars show once 3 readers have rated tldraw.
Your rating

Sign in to rate. One rating per account.

Your rating of tldraw

What are the best tldraw alternatives?

One tool on Recaply does tldraw's job.

Questions about tldraw

What is tldraw?

Sketch a UI on the canvas, get a working prototype.

Who is tldraw for?

tldraw is best for designers and developers who want to sketch an interface on a canvas and get a working HTML prototype back.

Is tldraw free?

Yes. tldraw has a free plan: bring your own OpenAI, Anthropic or Google API key.

What are the best tldraw alternatives?

The closest alternatives on Recaply are Magic Patterns.

Where can I try tldraw?

On its official website, makereal.tldraw.com.

Does a ChatGPT subscription work with tldraw Make Real?

No. Make Real needs an API key from the OpenAI developer platform with credit on the account, which is billed apart from a ChatGPT subscription. You can use an Anthropic or Google API key instead, and each provider charges you directly for the requests you make.