UI Inspector
A visual CSS editor for your browser
Start new thread

UI Inspector for Google Chrome - Edit web pages like Figma

by•
Inspect and visually edit elements directly on the page for faster design and UI debugging.

Add a comment

Replies

Best
Maker
📌
Hi Product Hunt, I'm excited to introduce my latest Chrome extension project, UI Inspector. It’s a tool designed for designers and developers who want a straightforward, Figma-like interface for editing web elements right in the browser. With UI Inspector, you can quickly test updated styles on the fly, experiment with UI adjustments, or debug elements—all without diving into the complexity of DevTools. This extension aims to simplify the process of making quick edits to elements, offering an easy, intuitive way to make changes as you work. Your feedback would be valuable as I continue improving UI Inspector to meet the needs of users like you. There’s also a PRO version, which unlocks features like preset support, bulk updates for multiple elements at once, and exporting options to PNG or GitHub issues. Thanks for checking it out, and I look forward to hearing your thoughts!
It's a really useful extension. Great job! I’d like to share a few ideas for improvements. How can I share them with you?
Maker
Thanks! I'd love to hear your thoughts. Feel free to email me directly:
Congratulations on the launch 🎉️ Glad you made this. Much needed improvement on Google's default dev console for making UI changes for testing.
As a designer who's spent hours in Chrome dev tools... this is gold! Can it handle those tricky hover/focus states? Been going crazy trying to debug a complex dropdown menu with multiple state changes.
Maker
Handling those states can be problematic but I will take a look into it and see what I can do. Thanks for your feedback!
Been wanting something like this for a long time. Excited to dig in
Not sure if I can get it to work with Arc browser, but I'm excited about this!
Congrats on the launch! UI Inspector looks like a game-changer for front-end devs. How do you see it fitting into the design workflow?
This sounds like a game changer, Im totally adding this one to my “must try” list. Congrats on your launch! 🎉
I knew the UI looked familiar! You are the guy who also made the amazing Screen Ruler extension, definitely going to try this out too, your work is amazing
UI Inspector sounds like a handy tool for designers and developers, offering a Figma-like experience within the browser. How do you plan to handle the performance when making bulk updates or exporting multiple elements at once? Are there any plans to integrate this with other design tools in the future?