12 essential chrome extensions every designer should know about.
source link: https://uxplanet.org/12-essential-chrome-extensions-every-designer-should-know-about-a8e2402f8bb7
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
You have 2 free member-only stories left this month.
12 essential chrome extensions every designer should know about.
A curated list of must-have extensions that exponentially boosts my productivity.
Honestly, I never used chrome extensions for any of my projects, but not so long ago, one of my friends working on a web design project introduced me to a bunch of them. Some of them were extremely useful in optimizing my workflow. As a designer, I know how crucial it is to have the appropriate tools. It might be challenging to decide which solutions are worthwhile given the variety available.
This article will discuss some of the necessary chrome extensions to help you design better and more user-friendly products.
Table of contents
· Colors
· Fonts
· Inspiration
· No-code Extensions for Designers
· Identify Usability Issues
· Utility Tools
Happy Reading!
Colors
1. Eye Dropper
With the help of Eye Dropper, you can choose colours from online pages, the colour picker, and your personal colour history.
2. Color by Fardos — Color Picker
Unlike other colour pickers, Color by Fardos is unique. Choose colours from websites, save colours and gradients, find complementary tints and tones, and make lovely gradients.
Fonts
3. WhatFont
With the WhatFont plugin, you can quickly and easily determine the font family name, size, line height, colour, and much more of any font on a given webpage.
Inspiration
4. Muzli 2
The Muzli 2 Chrome Extension is a one-stop source of Inspiration. Receive a current stream of images, designs, UI/UX, and more. It works well with Dribbble, Designer News, and other media related to designers.
5. ColorTab
The best colour schemes from Color Hunt’s collection are displayed in full on your new tab screen by Color Tab. A different colour scheme will be applied to the page each time you open a new tab.
No-code Extensions for Designers
6. CSS Peeper (Featured)
CSS Peeper is aCSS viewer and browser plugin explicitly made for designers. Designers may now spend little time diving through coding and concentrating on design.
7. SVG grabber
With the push of a single button, SVG Grabber is a tool that allows users to inspect, download quickly, and copy the source code of all SVG icons and illustrations on a page.
Identify Usability Issues
8. UX Check (Featured)
UX Check performs all heuristic analysis on a live website. It will display a list of Nielsen’s ten evaluation heuristics to assist you in finding usability problems.
9. Wappalyzer — Technology profiler (Featured)
Wappalyzer is a technology profiler that reveals the technologies used to create web pages. Discover the CMS, frameworks, e-commerce platforms, JavaScript libraries, and other software a website uses.
Utility Tools
10. Window resizer
The window resizer add-on resizes the browser window to simulate different resolutions. It helps web designers and developers test their layouts on various browser resolutions.
11. Bootstrap Grid Overlay
Grid Overlay allows you to align layouts with a standard layout scheme. It is helpful while attempting to comprehend the spacing and grid utilized on the website.
12. Loom
You can record your camera and screen using Loom with just one click.
I hope you found something useful here. Share some of the time-saving chrome extensions you’ve used in the response section.
If you’d like to support me as a writer, consider becoming a Medium member. It’s just $5 a month, and you get unlimited access to Medium.
Much Love!
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK