draw-a-ui (project name Make Real) is an experimental tool developed and open-sourced by tldraw, with the core goal of "draw a UI, then make it real." It allows users to draw user interface sketches directly on a canvas, and then converts the sketches into usable HTML code, thereby shortening the path from design idea to front-end code.
Purpose: This tool is mainly aimed at the prototyping stage of interface design and front-end development, helping users quickly generate HTML code through hand-drawn wireframes and reducing the workload of manually writing basic layouts.
Main capabilities: According to official information, draw-a-ui can convert drawn UI sketches into HTML. The project is built on the tldraw SDK and uses a large language model to complete the conversion from drawing data to HTML (the official blog provides a more detailed explanation of the implementation).
How to use: Users can directly visit makereal.tldraw.com to try it online. If you want to build your own version, the official starter repo is provided, which can be cloned for customized development.
Applicable scenarios: Suitable for developers, designers, or product personnel who need to quickly visualize interface ideas and generate HTML prototypes in the early stage.
Limitations: Currently, official information does not provide specific limitations regarding pricing, platform support, feature boundaries, accuracy, or performance; this information is not yet available.
