Hello Product Hunters! My name is Angelina Tsuboi, and I am a high school student, digital designer, and software developer who is interested in graphic design and web development! As an avid web developer and digital designer, I always found the process of using "Inspect Element" when trying to save the CSS styling of element designs on websites to be tedious and debile. Furthermore, I found myself continuously having to inspect the CSS styles of the same element because there was no way to save the styles of elements on a web page. In order to combat these two problems, I was inspired to build a web extension that could save and analyze the CSS code of selected web elements. Soon after, the idea of designr was born! About designr 🎨 designr is an open-source browser extension designed to inspect and save CSS styling on web pages. designr provides information about element styles and saves the styles into a palette for later use. designr is a simple and intuitive way for designers and web developers to save CSS references. The main features of designr include: - 📸 Save Design Snapshots - 💻 Edit CSS Snippets - 🔎 Inspect Element Styles Download designr https://chrome.google.com/websto... Visit the GitHub Repository! As I mentioned before, designr is 100% open-source! Feel free to contribute to the code base if you want to suggest a new feature, submit a bug fix, or want to give feedback on the extension. https://github.com/ANG13T/designr Thank you so much for reading! Feel free to provide any feedback or recommendations below!

Figr AI: UX Agent for Product Teams — Learns your product. Thinks through UX

Learns your product. Thinks through UX

Promoted

designr

Maker

📌

3yr ago

Guideit

Congratulations on the launch! How is it going so far?

@kwaku_amprako Thanks so much! The launch is going well! Trying to get this tool into as many hands as possible ✨🚀🎨

designr

Save CSS snapshots of web components 🎨✨📸

Save CSS snapshots of web components 🎨✨📸