DOM Draft - Capture and Generate Wireframes
DOM to wireframe, directly into tldraw and Excalidraw.
As of June 2026, DOM Draft - Capture and Generate Wireframes has 14 users in the Developer Tools category.
Usersdown 6.7 percent−6.7%
14
14
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.3.0
Manifest V3
History
8 snapshotsTracking since Apr 17, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 17, 2026 | 15 | — | — | 1.3.0 |
| Apr 22, 2026 | 17 | — | — | 1.3.0 |
| Apr 27, 2026 | 18 | — | — | 1.3.0 |
| May 5, 2026 | 15 | — | — | 1.3.0 |
| May 16, 2026 | 18 | — | — | 1.3.0 |
| May 22, 2026 | 17 | — | — | 1.3.0 |
| May 29, 2026 | 16 | — | — | 1.3.0 |
| Jun 4, 2026 | 13 | — | — | 1.3.0 |
| Now | 14 | — | — | 1.3.0 |
Permissions & access
- Permissions
- activeTabscriptingstorageclipboardWrite
- Host access
- None declared
Screenshots
About
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.
Technical
- Version
- 1.3.0
- Manifest
- V3
- Size
- 831KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- mfndmcgpngfjfomdnhkpohdcmkpnbjho
- Developer ID
- u1b56fa495f1a391267179573fbd186aa
- Developer Email
- [email protected]
- Created
- Feb 16, 2026
- Last Updated (Store)
- Mar 6, 2026
- Last Scraped
- Jun 4, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Similar extensions
Alternatives to DOM Draft - Capture and Generate Wireframes, ranked by description similarity.
DOM Extractor
Select elements or areas and copy their DOM structure and CSS to ask AI models for help.
80
Diver
Adds colorful outlines to all DOM elements for easy page structure visualization and debugging.
35
★ 5.0
DOMinator
Enhance developer experience with DOM visualization, analysis, and AI-powered suggestions
—
DOM Snap — AI-Ready DOM Extractor
v1.1.02: Pro History + Interactive Picker + Markdown Export. Optimized for AI snap-fast DOM extractions with Shadow DOM support.
43
★ 4.0
Design Extractor
Extract design systems from web pages for Claude
6
Focus: The Elements - DOM Inspector & Editor
DOM Inspector & Editor, inspect and edit HTML element styles directly on any page.
63
★ 5.0
Excalidraw Studio
Enhances Excalidraw with a sidebar, tag management, full-text search, data-structure drawing tools, and keyboard shortcuts.
15
DOM Scanner Pro
Visualize and debug page layouts with colored outlines and smart tooltips. Perfect for developers and designers.
7
Data sourced from the Chrome Web Store · last verified Jun 4, 2026.