draw-a-ui

What it does

Draw boxes and labels on a tldraw canvas; the canvas is rasterised and sent to a vision model, which returns a single Tailwind-styled HTML file reproducing the sketch. The author is blunt about the scope: it is a demo with no auth, and deploying it publicly means paying for everyone else's generations. Run it locally, treat it as a reference implementation, and note that the project points to a successor and has not been updated since mid-2025. MIT.

Summary based on the project's own description. The Japanese page has a fuller beginner guide: setup difficulty, what to prepare, and a step-by-step start.

Screenshots & visuals

Before you start

• Setup difficultyFor advanced users
• Command lineRequired
• API keyRequired
• Sends data onlineYes

Judged automatically from the project's own metadata. Always confirm on the official page.

draw-a-ui FAQ

Is draw-a-ui free?

draw-a-ui itself is free, but it needs an API key for an external AI service. That service charges separately, though some have a free tier.

Do I need to install anything or write code to use draw-a-ui?

It needs the command line. If you are not comfortable typing commands, expect to get stuck during setup.

Does draw-a-ui work on a phone?

No. It needs a computer.

Can I use draw-a-ui commercially?

The licence is MIT, which permits commercial use. Conditions such as keeping the copyright notice still apply, so read the licence text before shipping it inside something.

How it compares

The conditions that decide whether you can actually use it, side by side.

"Sends data out" means your input is uploaded to someone's server. Pick "No" when the material cannot leave your organisation.

Other image generation tools