Subscribe
Sign in
Start new thread
UI Inspector
p/ui-inspector
Edit web pages like Figma!
Visit Product
Myster Violets
UI Inspector for Google Chrome — Edit web pages like Figma
Featured
12
•
Inspect and visually edit elements directly on the page for faster design and UI debugging.
Replies
Best
Myster Violets
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!
Ashit from Draftly.so
Congratulations on the launch 🎉️ Glad you made this. Much needed improvement on Google's default dev console for making UI changes for testing.
Raiane Rezende
This sounds like a game changer, Im totally adding this one to my “must try” list. Congrats on your launch! 🎉
Sulaiman Alsaeed
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
Himanshu Raikwar
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?
Myster Violets
Maker
@himanshuraikwar Thanks! I'd love to hear your thoughts. Feel free to email me directly: violetsmyster@gmail.com
Cam Pak
Been wanting something like this for a long time. Excited to dig in
Huzaifa Shoukat
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?
Alison Eyo
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.
Myster Violets
Maker
@thealisoneyo Handling those states can be problematic but I will take a look into it and see what I can do. Thanks for your feedback!
hritik choudhary
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?