DOM Draft - Capture and Generate Wireframes

DOM to wireframe, directly into tldraw and Excalidraw.

DOM Draft turns any web interface into geometric wireframes ready to paste into tldraw. With one click, you can capture a selected area or the full page, including content beyond the viewport, and convert the DOM structure into clean geometric shapes with no AI and no external APIs. The extension lets you filter Containers, Buttons, Inputs, and Tables, copy the generated snapshot to paste directly with Ctrl+V in tldraw, and quickly reset your workspace with Clear Canvas. DOM Draft is built to speed up product, UX, and engineering alignment by focusing on layout and structure only, though cross-origin iframes may not be captured, Shadow DOM support can be partial, and highly dynamic SPAs may produce variable results between captures.