Designerd
Extension Actions
- Extension status: Featured
Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live.
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
Latest reviews
- Sierra Sanchez
- Very cool tool for digital marketers! Helps me build a brand kit with ease.
- Ian Palmgren
- Haven't ever 5-starred something so quickly. Randomly stumbled on this after spending 10 minutes digging through Inspect yet again, looking for specific values. Clean, and exactly what I was looking for – all the useful stuff from Inspect, without being overwhelmed with all the extra code.
- Eileen Lee
- I love Designerd!! This extension makes my life so much easier when I'm looking for a font or hex code. Also obsessed with the vibe board feature - it's fun to make vibe boards for all of my favorite sites!
- Vaishali Kriplani
- This is an amazing and helpful extension! Lately, I have been using inspect mode a lot for vibe coding and this extension will make it easier for me. Thank YOU! 🙏
- Angela Wang
- I. LOVE. THIS. EXTENSION. As a product designer, I'm always browsing different sites for references and inspo. Now, instead of having to click into Inspect mode and sift through a bunch of non-relevant code for site and styling specs, I can just use Designerd to quickly give me what I am looking for (ex. fonts, hex codes, dimensions, etc). I can also edit contextually to see what my tweaks might look and feel like. 10/10.