
Free
About
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.
Show more
What's New in DoodleWire
1.1
May 22, 2026
An update to how DoodleWire recognises and edits your wireframes: • New Move tool. Drag, resize, and edit any element. Drawing stays primary, so you can sketch on top of anything. • Undo & redo as secondary action toolbar, above primary toolbar. • Common icons now recognised out of the box. • Better at reading whole screens, multi element doodles no longer collapses into one recognition • Duplicate elements in a tap. • Editable card body text. • Resize elements to any size. • Handwriting is recognised as a heading you can edit. • Choose manual recognition with a Recognise button per doodle, or keep it automatic.
More