DesignSnap
Hover to see design specs instantly
As of June 2026, DesignSnap has 3 users in the Productivity category.
Usersup 50.0 percent+50.0%
3
3
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
0.5.3
Manifest V3
History
5 snapshotsTracking since Apr 9, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 9, 2026 | 2 | — | — | 0.5.3 |
| Apr 22, 2026 | 3 | — | — | 0.5.3 |
| May 2, 2026 | 2 | — | — | 0.5.3 |
| May 10, 2026 | 2 | — | — | 0.5.3 |
| May 18, 2026 | 4 | — | — | 0.5.3 |
| Now | 3 | — | — | 0.5.3 |
Permissions & access
- Permissions
- None declared
- Host access
- <all_urls>
Screenshots
About
DesignSnap is the all-in-one design inspector for UI/UX designers and developers. No more digging through DevTools or using multiple extensions! ✨ KEY FEATURES - Hover to Inspect - Simply hover over any element to see its complete design specs - Colors - Background and text colors with automatic HEX conversion - Typography - Font family, size, weight, and line height - Dimensions - Width and height in pixels - Spacing - Margin and padding values - Border Radius - See rounded corner values - One-Click Copy - Click any value to copy it instantly - Keyboard Shortcut - Toggle on/off with Ctrl+Shift+E (Windows/Linux) or ⌘+Shift+E (Mac) - Remembers State - Stays off until you need it, across all tabs 🎯 PERFECT FOR - UI/UX Designers - Frontend Developers - Web Developers - Design Students - Anyone extracting design specs from websites ⚡ HOW TO USE - Click extension icon → Turn ON - Hold Ctrl (or ⌘ on Mac) + move mouse to inspect elements - Release Ctrl to lock panel in place - Click any value to copy it - Hold Ctrl again to inspect more elements - Press Ctrl+E to turn off 🎨 BEAUTIFUL DESIGN Modern, clean interface with smooth animations. The overlay appears next to elements so you can always see what you're inspecting. 🔒 PRIVACY FOCUSED DesignSnap runs completely locally. No data is collected, stored, or sent to any servers. No account required. 💡 LIGHTWEIGHT Less than 50KB. No external dependencies. Fast and efficient. --- Questions or feedback? We'd love to hear from you!
Technical
- Version
- 0.5.3
- Manifest
- V3
- Size
- 14.47KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- fhlamdikinngkcdbhjhgfnagbdemfjhb
- Developer ID
- u13707e9842ba27ea7ea5a22b80c0009b
- Developer Email
- [email protected]
- Created
- Jan 8, 2026
- Last Updated (Store)
- Jan 8, 2026
- Last Scraped
- Jun 5, 2026
- Website
- —
- Support URL
- —
Similar extensions
Alternatives to DesignSnap, ranked by description similarity.
Frontend Inspector
Inspect any element's design properties. Hover to see colors, spacing, fonts, and dimensions instantly.
69
Dezalicious
A powerful CSS inspector and element analyzer for web development
8
★ 5.0
Inspect All - Web Inspector, Fonts & SEO Tools
Inspect fonts, colors, assets, SEO and responsiveness of any website in one simple side panel.
138
★ 5.0
DesignGrab
Extract any website's design in seconds. Colors, fonts, CSS, SVGs, Lottie, and production-ready code.
33
★ 5.0
ColorSnap - Color Picker for Web
ColorSnap: Advanced color picker extension. Extract colors from websites, images. RGB, HEX, RGBA support. Essential for web design.
299
★ 5.0
InspireSave
Capture typography, colors, UI layouts and save inspirations.
19
★ 5.0
Pixel Size Measurer
Measure pixels, inspect elements, pick colors, detect fonts, check contrast, and annotate screenshots. No paywall, no analytics.
95
CSS Scanly - Copy CSS | Tailwind & Bootstrap
Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers
725
★ 5.0
Data sourced from the Chrome Web Store · last verified Jun 5, 2026.