Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live.
Users
102
+7 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
6
0 in 30 days
Store rank
#83K
#70K among extensions
Version
1.0.3
updated 9 Apr 2026
Users
monthly, 7 months
Latest, 16 Oct 2026:102 usersMove the mouse over the chart for any month
Ratings count
monthly, 7 months
Latest, 16 Oct 2026:6 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Designerd
Tired of digging through Chrome’s inspect tool to find a hex code or font? Well, here's Designerd, a seamless way to inspect, edit and extract design properties on any website.
Features:
▸ Inspect any element—typography, colors, spacing, borders
▸ Copy hex codes and values
▸ See every color and font on the page
▸ Download assets
▸ One-click links to Google Fonts, Adobe Fonts, Fontshare, and MyFonts
▸ Edit styles live—colors, spacing, borders—and see changes instantly
▸ Custom cursor when in inspecting
▸ When editing, use arrow keys (and shift+arrow) to nudge values up/down
▸ Create a vibeboard, download it as PNG, and drop it into any AI web builder to use as a reference
No signup, no account, no backend, no Elements panel, no “which one was the color again?” — just the stuff you need, when you need it.
Pro tip: You can set a keyboard shortcut (I recommend ⌥⇧D or ⌘⇧D) in Chrome’s extension shortcuts to toggle Designerd.
I created Designerd for me, but I want to share it with you—for free—forever. I hope you like it. 🥰
If you do like it and insist, you can buy me a coffee. ✌🏽
https://buymeacoffee.com/rgb.dsgn