DoodleWire

Now recognises common icons out of the box, plus a new Move tool, undo/redo, and editable text. Doodle and get a real wireframe.

Sketch UI wire-frames by hand. Let DoodleWire turn them into real components.

DoodleWire is a fast, focused wire-framing app that recognises your hand-drawn sketches and turns them into clean UI components, buttons, inputs, cards, and more. Doodle a rough rectangle, get a polished button. Sketch three stacked lines, get a menu icon.

KEY FEATURES • 100% offline. No accounts, no analytics, no tracking • Hand-drawn recognition. Sketch and get a component • 13+ component types: button, input, text, heading, image, card, drop-down, icon and more • 60+ icon variants in the icon picker • Multi-page documents — wiref-rame entire flows • Pen, ink, snip and eraser tools • Export to HTML, React + shadcn/ui code, or PNG • "Learn my style" - Train DoodleWire's 'recogniser' on your own doodles • Works on iPhone and iPad

Whether you're sketching out a quick app idea, doodling with a client, or just thinking with a stylus, DoodleWire keeps the speed of paper with the polish of a design tool.