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