Problem

We’ve all been there. As a product designer, I'd like to directly edit some of the recurring cosmetic changes. But the minute you start making changes in Inspect Element and hit refresh by mistake, it goes back to square one. Who doesn’t hate this frustrating moment?

Solution

So out of frustration and my love for AI, I created a chrome extension that solves this problem. I don’t want to keep redoing the cosmetic changes again and again.

Tada.

Demo Video: This showcases a chrome extension I built with the help of AI tools, where on editing the changes.

https://www.linkedin.com/posts/snigdhajainproductdesigner_productdesign-chromeextension-designerwhoships-ugcPost-7454124898026905600-RByP?utm_source=share&utm_medium=member_desktop&rcm=ACoAABveUfcBUYR7SynzAK5tBITkFlaeyAo2igU

GIFs showing the same in case the video’s a bummer.

screen_recording_1_web_optimized.gif

screen_recording_2_web_optimized.gif

But it has its limitations. It works on desktop or laptop. Doesn’t reflect the changes on phone. So maybe this is a work-in-progress.