Best Chrome Extensions for Designers

Google Chrome is the most popular browser for desktop and mobile devices. It is well known for developers and designers. Even though it has built-in features for developers such developer tools, there are extensions which make chrome even powerful.

Today we are looking at some great chrome extensions for designers.
These extensions are carefully picked to cover different aspects of your daily work life. These extensions are great for organizing and simplifying your day to day works without further due, lets Digg into it.

Grammarly

Grammarly improves your writing skills instantly like as you writing it. It is a fast, sophisticated, and dedicated writing partner. Grammarly is writing editing software, and it works on several areas to edit your writing as you go. It gives you suggestions for passive voice, active voice, commas, and grammar mistakes, and more. The goal of Grammarly is to have your writing grammatically correct. Grammarly works across all sort of working environments. It works on computers, browsers, and mobile devices.

Source

WhatFont

Whatfont is one of our favorite Chrome browser extension, it helps to identify what font used on a website. It is straightforward to use, click on the extension button, and inspect whichever font you wanted to identify. It gives you almost all information like font name, weight, size preview.

Source

Dark Reader

The dark reader is a cool extension for chrome and firefox that give any website you visit a dark theme that is easier on the eyes. The other benefit of this Extension is that it helps to save your battery life as you use dark mode on your laptop.
Source

Lastpass

The last pass is a widely known Password manager that works almost on every devices and platform. It helps you securely save your important passwords and notes. Lastpass is free to use even though there is a premium version also available for more features. The last pass is an excellent tool for generating strong passwords on the go; it generates hack-proof strong passwords with attempts most of the websites and apps.

Source

Page Analytics

Page Analytics is a very cool chrome extension that enables you to be able to see your traffic for an individual page from your web site or blog while you are browsing. It is a kind of shortcut to google analytics. It displays page views, unique page views, bounce rate Etc. You are allowed to edit the things you wanted to see in this Extension. Page Analytics is a must-have tool for web designers.

Source

ColorPick Eyedropper

Color Pick Eyedropper is a simple tool to pick any color on any website. It gives you the color code for any color from any website. The tool has a magnifying color picker which allows you to pick the exact color you wanted to copy.

Source

Muzli

Muzli is a tremendous new tab extension for chrome that delivers curated design inspiration tech related news and more. It is our favorite new tab application so far. You can also customize the muzli Extension for a different variety of things. Recently they have added a search functionality which is great for a designer who is looking for inspirations. The resources they provide have a certain quality level, which makes it very unique.

Source

CSS Peeper

CSS Peeper is a website inspector which give you all information on a website. It finds things like which color used, what fonts used explore the images, CSS codes. It is one of the must-have an extension for designers. CSS peeper is an advanced and visual version of the chrome developer tool. This tool makes your day much more manageable as a designer.

Source

Simplify

Simplify for G mail is an extension Which makes Gmail simple, clean, and minimal. This Extension is initially designed by previous google inbox designer. He thinks Gmail is cluttered and create something much minimal and familiar. It gets rid of all the distraction that Gmail has without losing any functionality. Great tool for who love simplicity.

Source

UX Check

UX Check Extention help designers to identify the usability issues with heuristic evaluation. It’s not just a UX inspector; it allows you to annotate and download the particular UI element. You can even create a custom heuristic list and run an evaluation.

Source

Site Palette

Site Palette Diggs out every color from a website in an organized way. You can then download each color palette as a sketch template or open each color in coolors, or you can create adobe swatch.
Source

Spectrum

Color vision deficiency is a serious issue these days. Approximately 200 million people have CVD worldwide. So it is important to consider this issue when you develop a website. Spectrum tests your website for various type of color vision deficiency.
Source

Corporate Ipsum

A dummy text generation with a corporate twist:). Corporate Ipsum is to col when you design for corporate websites. It generates familiar corporate words within no time.
Source

GIF Scrubber

GIF scrubber is like a motion picture player for animated GIFS. Play it quick, slow, in reverse, or use the scrubber to go to and fro!
Source

SVG Export

SVG Export is an extraordinary tool that scans for SVGs on websites and empowers you to quickly export them as PNGs, JPEGs or SVGs easily.
Source

SimilarWeb

SimilarWeb extension provides you with the full broadness of SimilarWeb.com directly to your browser toolbar. In a single click, you can get in-depth traffic and engagement statistics for any website you browse.
Source

Eagle

Source

Full Page Screen Capture

Source

Image Downloader

A Google Chrome browser extension that shows all images on a web page and permits the user to choose which ones to download.
Source

Colorzilla

Source

Snapfont

Snapfont is the quickest and easiest way to see any local or Google font on a live website.
Source

Toby

Source

Fontface Ninja

Source

Nimbus Capture

Source

Linksistent

Source

Loom

Source

Google Arts & Culture

Source

Notion Web Clipper

Source

Roam Highlighter

Source

Chroma

Source

UX Radar

Source

PerfectPixel

Source

Awesome Screenshot

Source

Responsive Viewer

Source

Download All Images

Source

Google Translate

Source

Qlearly

Source

Broken Link Checker

Source

Lightshot

Source

Imageye

Source

Fake Filler

Source

Mobile Simulator

Source

ImTranslator

Source

Ninja Capture

Source

Keywords Everywhere

Source

Mote

Source

Notepad

Source

Highly Highlighter

Source

Screenity

Source

Rezi – Linkedin Resume Builder

Source

BrandBird

Source

Clearbit Connect

Source

Pushbullet

Source

Manganum

Source

Heurio

Source

Momentum

Source

Chrome Extensions for Web Developer

Web Developer

Source

Whatruns

Source

Usersnap

Source

Dimensions

Source

Kontrast

Source

Preact DevTools

Source

SuperDev

Source

Ruler Measurement

Source

Redirect Path

Source

Codiga

Source

Toybox

Source

AMP Validator

Source

CSS Dig

Source

Right Inbox

Source

Rayst

Source

Flycode

Source

User Agent Switcher and Manager

Source

SiteMod

Source

Donenote

Source

Google Font Previewer for Chrome

Source

Emmet Re:view

Source

Moesif Origin and CORS Changer

Source

Backlink Checker

Source

Pigmnts

Source

CSS3 Generator

Source

Apollo Client Devtools

Source

React Developer Tools

Source

30 Seconds of Knowledge

Source

not8

Source

JSON Hero

Source

Favicon Creator

Source

Adswerve

Source

Responsively Helper

Source

LocatorJS

Source

Selenium IDE

Source

Devtools for Tailwind CSS

Source

BuiltWith Technology Profiler

Source

PixelZoomer

Source

Gimli Tailwind

Source

Site Speed

Source

New Tab Redirect

Source

10015 Tools

Source

JSON Viewer

Source

JSONVue

Source

Bito AI

Source

SpanTree

Source

Locale Switcher

Source

Initab

Source

Fake Data

Source

PageSpeed Insights

Source

Ember Inspector

Source

Pesticide

Source

Web Activity Time Tracker

Download

Daily Dev

Source

Web Accessibility Testing

Source

uBlock Origin

Source

Adblock Plus

Download

Eye Dropper

Source

Automa

Source

SVG Gobbler

Source

Mage Tools

Source

Quick Source Viewer

Source

Web Maker

Download

Coder’s Calendar

Source

CSS Grid Overlay

Source

Todoist

Download

Bootstrap Grid Overlay

Source

GoFullPage

Source

CSS Selector Capture Pro

Source

Colorblindly

Source

Visual CSS Editor

Source

Unstack Style Guide

Source

BlockSite

Source

Chroma

Source

Pixel Perfect

Source

JSONView

Source

Ghostery

Source

Accessibility Insights for Web

Source

WordPress Style Editor

Download

Sheet Monkey Form Builder

Source

Wappalyzer

Source

Meta SEO Inspector

Source

Edit This Cookie

Source

Amino – Live CSS Editor

Source

Resolution Test

Source

OpenLink Structured Data Sniffer

Source

Cookie Remover

Download

Vue.js Devtools

Source

User Agent Switcher

Source

Marmoset

Source

Tag Assistant Legacy

Source

LambdaTest

Source

Check My Links

Source

Clear Cache

Source

Stylebot

Source

CSSViewer

Source

Window Resizer

Source

Web Developer Checklist

Source

Relume

Download

ModHeader

Source

Hoverify

Source

Checkbot

Source

Fix Translation

Source

CSS Scan

Source

Library Sniffer

Source

Chrome Apps and Extensions Developer Tool

Source

Talend API Tester

Source

CSS Inspector

Source

Debug CSS

Source

HTML Validator

Source

TinEye Reverse Image Search

Source

Alpine js Devtools

Source

Font Finder

Source

Tailwind Cheat Sheet Extension

Source

Click and Clean

Download

SVG Grabber

Source

Angular DevTools

Source

Stylus

Source

Use Agent Switcher

Source

OneTab

Source

SelectorGadget

Source

Color Picker

Source

HTML to Figma

Source

Web Vitals

Source

Lighthouse

Source

Live Editor for CSS

Source

Clockwork

Source

Web Editor

Source

Rails Panel

Source

Jam

Source

Redux DevTools

Source

JSON Lite

Source

JSON Formatter

Source

VisBug

Source

Angular Augury

Source

Motion DevTools

Download

RailsPanel

Source

JSON Viewer Pro

Source

Browserflow

Source

GraphQL

Source

Responsive Web Design Tester

Source

HTTPS Everywhere

Source

JavaScript and CSS Code Beautifier

Source

Lorem Ipsum Generator

Source

Grepper

Source

Sizzy

Source

Axe Dev Tools

Source

Session Buddy

Source

Hackertab.dev

Source

Website SEO Checker

Source

BrowserStack

Source

ACF Tools

Source

Hiver

Source

Querio

Download

Chrome Extensions for GitHub

Codewing

Source

NPM Hub

Source

Gitpod

Source

GitHub Web IDE

Source

Githunt

Source

What’s New on GitHub

Source

Zenhub

Source

Gitako

Source

Git History

Source

GitHub Downloader

Download

Enhanced GitHub

Source

Nodei.co

Source

Pint for GitHub

Source

GitHub Hovercard

Source

Octotree

Source

GitHub Writer

Source

OctoLinker

Source

Sourcegraph