designr is an open-source browser extension designed to inspect and save CSS styling on web pages. designr provides information about element styles and save the styles into a palette for later use.
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!
Replies
designr
Guideit
designr