Oculay - Comprehensive Design Inspector for Seamless Web Development
by•
Comprehensive Design Inspector for Seamless Web Development.
"Developer tools are too overwhelming just to check a simple margin or font size..."
Oculay was built for designers, PMs, and developers who find traditional inspector tools too complex for quick design audits.
Oculay provides a clean, Figma-like interface directly in your browser. No more digging through nested CSS properties. With just one click, you can instantly see fonts, colors, spacing, and even production-ready code.
Replies
Hi Product Hunt! 👋 I'm LewK, the maker of Oculay.
As a frontend engineer with 6 years of experience, I’ve always loved the browser's native DevTools. They are powerful for us developers, but I felt they weren't optimized for communication with designers.
In my team, design and product decisions happen fast. We often found ourselves asking, "Is this implemented exactly as designed?" Since standard DevTools can be overwhelming for non-engineers, this verification process often created friction and slowed us down.
That's why I built Oculay. 🚀
Think of it as a Figma-like inspector that runs directly in your browser.
• Hover to instantly see spacing and HTML classes.
• Click to get details on fonts, assets, and component info.
It’s designed to bridge the gap between design and development, making UI QA intuitive for everyone—not just coders.
👀 Why now?
As we move into an era where AI handles more coding and design, I believe human verification of visual quality will become even more critical. Oculay is built to help you seamlessly verify what AI (or humans) have built.
I’d love for you to try it out and let me know what you think! Bug reports, feature requests, or just saying hi—all feedback is welcome.
Thanks for your support! 🙌