Overview
DOM to wireframe, directly into tldraw and Excalidraw.
DOM Draft turns any web interface into geometric wireframes ready to paste into tldraw and Excalidraw.. 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 or Excalidraw, 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.
Details
- Version1.3.0
- UpdatedMarch 5, 2026
- Offered byJoão Goulart
- Size831KiB
- LanguagesEnglish (United States)
- Developer
Email
joaoogoulartt@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
