toolspool

tldraw

verifiedFree

Popular open drawing tool converting UI sketches to websites.

What it does

Make Real is a tool within tldraw that uses AI to transform UI drawings into functional websites. Users draw shapes, select them, and click 'Make Real' to generate a working website. It supports multiple AI model providers like OpenAI, Anthropic, and Google, allowing users to input their API keys for each provider. The tool enables iterative design, where users can continue drawing on top of existing websites to refine and expand their creations.

How to use: To use Make Real, enter API keys for desired model providers (OpenAI, Anthropic, Google). Draw shapes in tldraw, select them, and click 'Make Real'. Continue drawing and refining to iterate on the generated website.

Core features

  • UI drawing to website conversion
  • Integration with multiple AI model providers
  • Iterative design process
  • API key support for personalized usage

Use cases

  • Rapid prototyping of web interfaces
  • Generating website code from sketches
  • Creating interactive UI elements from drawings

Reviews

Big-picture takes: what it's for and whether it delivers. High-engagement videos from YouTube — not sponsored.

tldraw.computer - Steve Ruiz, tldraw

AI Engineer · 64K views

tldraw computer introduction

tldraw · 31K views

tldraw computer - Teaser

tldraw · 26K views

Tutorials

Step-by-step: exactly how to get things done with it.

Write Code by Drawing With tldraw

BigCheeseAI · 20K views