Design Extractor
ID: hdjeifiaaiifbcdepnmhegbahfcelgga
Supported Languages
Extension Info & Metadata
Publisher Contextual Analysis
- Author
- peter.komassaView Profile
- Privacy
- Privacy Policy
- Country
- US
- MX records exist
- Yes
- Domain exists
- Yes
- Is disposable
- No
- Is role-based
- No
- Mailbox exists
- Yes
- Address
- 2504 Quarry Road Austin, TX 78703 US
- Website
- Visit
Extract design systems from web pages for Claude
Design Extractor Pro helps engineers and designers achieve pixel-perfect web recreation. CAPTURE - Visible viewport, full page, selected area, or single element screenshots - Annotate with arrows, shapes, text, blur, and numbered steps - Auto-download or copy to clipboard EXTRACT - Full DOM extraction with computed styles via Chrome DevTools Protocol - Nested tree structure mirroring visual hierarchy - CSS values, typography, spacing, colors, and layout properties - Export as JSON, screenshot, or complete zip bundle - Claude-ready prompt for AI-assisted development COMPARE - Side-by-side pixel diff between reference and recreation - Wireframe overlay showing structural differences - Measurement annotations ("padding: 80px vs 72px") - Element matcher with property comparison table TWEAK - Live CSS editing on any page - Click any element to adjust fonts, colors, spacing - Global palette mode to update all headings/buttons at once - Export changes as engineer-ready spec Built for frontend engineers, designers, and QA teams who need precise design specifications without the back-and-forth.
URLs
View the external URLs this extension communicates with to understand its network activity and data interactions.
Gain full insight into all external connections.
Upgrade for full visibility.
Gain full insight into all external connections.
Upgrade for full visibility.
Browse and explore files within this extension package
Gain full insight into all external connections.
Upgrade for full visibility.