10 Chrome Extensions every designer must have(2022)
Chrome extensions that are important and necessary for every designer.
1. Dark mode
This extension is very basic and every designer should try it. Dark mode extension gives a different visual appearance by turning the Light theme webpage to the dark theme. Sometimes it’s hard to imagine how wonderful some websites will look on dark mode. So this plugin creates inverse magic that makes the webpage dark mode.
Link to download Dark mode extension
2. Color by fardos
By using this extension you can pick the color from any website. You may ask, isn’t it a normal color picker extension that I already have?
The Answer is No, One of the coolest features in Color by fardos is you can type any color name and you will get shades, tints, tetradic, triadic, complementary, and split complementary of that particular color.
It’s hard to search a website and know the complementary and other basic things of color. So I use this plugin to save my time.
Link to download Color by fardos extension
3. Whatfont
This is a similar extension to the Fontsninja, this plugin helps you to find the font family name, size, line height, color, and the weight of font used on a particular page in the website.
Link to download Whatfont extension
4. Heurio — UX Check & Visual Feedback Tool
This tool will help communication between designer and developer. Using this extension you can turn any website into a canvas and add your notes which can be later shared with the developer. Through this extension, those minor misunderstandings will be thrown away during the deployment phase.
All you need to do is open a website, click on the extension, pin your ideas by clicking on any element on the website, and share a link with all the changes to the developer team.
Link to download Heurio extension
5. Window resizer
This extension resizes your window to any resolution so that you can emulate any device. You can set height and width to change the website window to a particular window.
Through this extension, you can view how the website looks on various devices even without resizing the browser.
Link to download Window resizer
6. Site palette
This extension helps you to extract all the colors from the website. You can even export those colors as an image. Site palette supports palette generators. You can create the sharable link. The site palette is associated with Adobe Swatch, coolors.co, etc
A browser extension to generate comprehensive palettes. A must-have tool for designers and front-end developers. Free color scheme extraction.
Link to download Site palette extension
7. Savee
Save images from any site directly into your boards on savee.it
Saving all your workspace images in the gallery and feeling difficult while finding those images?
This extension helps you to store all your images, inspirations, etc in one place and you can access these images from anywhere.
Link to download Savee extension
8. Sitesee
SiteSee is a curated gallery of beautiful, modern websites.
SiteSee will replace your default tab, turning your homepage into a wallpaper-like gallery of beautiful websites. With this extension, you’ll never miss an update. Each screenshot is clickable and will take you directly to your desired destination.
Through this extension, I consume awesome inspirations easily without even going to any site and searching for them.
Link to download Sitesee extension
9. Unstack Style Guide
The Unstack Style Guide is a Chrome extension that lets you easily and efficiently grab all the design information you need from any website, including the brand palette, text colors, and font types.
Using this extension you can copy the style guides with a few clicks and export them.
Link to download Ustack Stye Guide extension
10. Colour Contrast Checker
Contrast is very important in the User interface, most beginners don’t know how to check the contrast and what are the problems users will face due to contrast. So Colour Contrast checker really helps a lot by letting you know what are elements don’t meet the Level AA WCAG standards.
This extension not only helps you to check the contrast but also you can save the colors, copy the hex code of the colors.
Link to download Colour Contrast Checker extension
I hope this article helped you, I have written a similar article on Figma plugins(20 plugins every designer must have) You can check out that too.
I’m Dinesh, a design addict. I have shared a lot of stuff about UI/UX on various social platforms. Follow me on Social media and let’s talk regarding UI/UX. Hang in with me and don’t miss out on my next article.
Happy Designing.
