Item logo image for Designerd

Designerd

Featured
5.0(

5 ratings

)
Item media 4 (screenshot) for Designerd
Item media 5 (screenshot) for Designerd
Item media 1 (screenshot) for Designerd
Item media 2 (screenshot) for Designerd
Item media 3 (screenshot) for Designerd
Item media 4 (screenshot) for Designerd
Item media 5 (screenshot) for Designerd
Item media 1 (screenshot) for Designerd
Item media 2 (screenshot) for Designerd
Item media 1 (screenshot) for Designerd
Item media 2 (screenshot) for Designerd
Item media 3 (screenshot) for Designerd
Item media 4 (screenshot) for Designerd
Item media 5 (screenshot) for Designerd

Overview

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

Details

  • Version
    1.0.3
  • Updated
    April 9, 2026
  • Offered by
    rgb
  • Size
    181KiB
  • Languages
    English
  • Developer
    Email
    runarjr@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Designerd has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Designerd handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Identify Font - What is the font

5.0

Easily Identify Font on any webpage. Discover what is the font used with a simple click.

Font Finder

0.0

Easily identify and analyze fonts on any webpage. Get font family, size, weight, style, color, and more.

Element Inspector

0.0

Hover to inspect CSS properties of any element. Ideal for developers debugging and optimizing web styles.

Font Style Identifier

0.0

Use Font Style Identifier to analyze letter style effortlessly. AI font detector reveal typefaces names and details on any webpage.

TypeTaster

0.0

Preview and apply Google Fonts live on any website. Variable font sliders, element picker, and copy-ready CSS.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

What font - font finder

3.8

What font? Easily identify the font on a web page, HTML font size, color, and font family.

Font Snatcher

4.9

Identify and inspect fonts on any website.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

CSS Inspector for Chrome

5.0

Hover any element on any webpage and instantly extract its CSS — colors, fonts, spacing, box model, and accessibility.

Font System Detector

5.0

Detects and displays all font system found on a webpage

Style Inspector Pro

5.0

A powerful Chrome extension for inspecting and extracting styles from web pages with advanced color and font analysis

Identify Font - What is the font

5.0

Easily Identify Font on any webpage. Discover what is the font used with a simple click.

Font Finder

0.0

Easily identify and analyze fonts on any webpage. Get font family, size, weight, style, color, and more.

Element Inspector

0.0

Hover to inspect CSS properties of any element. Ideal for developers debugging and optimizing web styles.

Font Style Identifier

0.0

Use Font Style Identifier to analyze letter style effortlessly. AI font detector reveal typefaces names and details on any webpage.

TypeTaster

0.0

Preview and apply Google Fonts live on any website. Variable font sliders, element picker, and copy-ready CSS.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

What font - font finder

3.8

What font? Easily identify the font on a web page, HTML font size, color, and font family.

Font Snatcher

4.9

Identify and inspect fonts on any website.

Google apps