DOM Draft is a Chrome extension designed for capturing and generating wireframes from web interfaces. This free add-on allows users to select specific areas or entire pages and convert them into clean geometric wireframes without relying on AI or external APIs. The tool is particularly useful for product, UX, and engineering teams looking to streamline their design processes by focusing on layout and structure.

Key features include the ability to filter elements such as Containers, Buttons, Inputs, and Tables, making it easy to customize the captured wireframe. Users can quickly copy the generated wireframe to tldraw using Ctrl+V, and the Clear Canvas option allows for rapid workspace resets. While DOM Draft is effective, users should note that it may struggle with cross-origin iframes, partial Shadow DOM support, and variable results with highly dynamic single-page applications (SPAs).