Promote Sign in Sign up
Visit website Sign in to save

Verdict

A quick read before you dig into the full page.

Best if
You are uI/UX designers and need: Rapid prototyping of web interfaces
Pick this when
AI-powered tool to convert UI drawings into functional websites using tldraw

Overview

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.

make real by tldraw screenshot

Best for

Short scenarios where make real by tldraw tends to shine.

  • Rapid prototyping of web interfaces

    Best for UI/UX designers

  • Generating website code from sketches

    Best for Web developers

  • Creating interactive UI elements from drawings

    Best for Prototypers

Example outputs 1

Sample generations and before/after results for make real by tldraw.

make real by tldraw screenshot
make real by tldraw screenshot

Access & connections

Where you can use make real by tldraw, and what it plugs into.

Platforms

Web

Integrations

Make

API

Public API available

Auth: API key

Browse other tools with an API

Capabilities

What this tool accepts, produces, and is strongest at.

Highlights

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

People also view

Tools that often show up alongside make real by tldraw in collections and comparisons.

FAQ 5

What is Make Real?
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 Make Real?
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.
How do I get my API key for Make Real?
You need to create accounts with OpenAI and/or Anthropic and add billing information. Then, navigate to the API keys section in your account settings to generate a new key.
I have a premium ChatGPT subscription. Why isn’t my API key working?
Your ChatGPT subscription is unrelated to your API Key permissions. To use make real, you need to create an API Key on the OpenAI developer platform and add credit to your account.
What is tldraw?
tldraw is an infinite canvas SDK for React. You can try our collaborative whiteboard demo at tldraw.com.
make real by tldraw
Visit website