10 Useful Chrome Extensions For Designers

Crazydes - UX UI Design Studio
5 min readJun 29, 2020


Extensions for Chrome Browser speedup the workflow

Whether you’re a veteran designer or just a fresher, designers are always on the lookout for the best Google Chrome extensions for designing that will make your project 100 times easier and valuable and more productive.

If you’re looking to add some extra handy tools to your everyday workflow, you’re on the right page. We’d like to present to you 10 useful Google Chrome extensions for designers (2020 version).

1.Window Re-sizer

This is a real life-saver when it comes to seeing how your site looks on different view-ports.

This extension re-sizes the browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

The resolutions list is completely customizable (add/delete/reorder).

You can set the window’s width/height, window’s position, preset icon (phone, tablet, laptop, desktop), and even the option to apply the new dimensions to the entire window or just to the view-port.

2. Loom

From onboarding new employees, troubleshooting customer issues, or code reviews, Loom makes it easy to get your message across quickly and clearly using the power of video.

With Loom, you can record your screen, voice, and face to create an instantly shareable video in less time than it would take to type an email.

Reduce back-and-forth typing and get your message across the first time. Your co-workers and customers will thank you!

3. Toybox

This is amazingly the fastest way to leave feedback and inspect CSS directly on your site. Toybox gives you the power to visually edit any website’s CSS without inspecting code.

Inspect and leave feedback quickly with Toybox

As you make edits, it creates & stores clean CSS annotations for you and your developers. Absolutely the best way to provide actionable feedback on website design, copy, style, etc… before even deploying the site live.

4. Muzli

Muzli is one of the most wanted Chrome extensions that instantly delivers relevant blogs, design stories, and inspirations related to Designing fraternity.

Every time you open a new browser window, you’ll see an up-to-date feed of all things awesome design. They pull from tons of design sources to give you what’s fresh in the industry. Enjoy the most inspiring stuff out there in the industry.

Muzli will replace your default tab, it will become your home page, so you don’t miss anything. Never miss the next big thing!

5. SVG Grabber

Quickly preview and copy or download all the SVG assets from a website.

Sometimes you just need to grab the logo or icons on a page, click a single button and it will automatically pull all the SVGs that are on the page. It is able to export greater than 150 SVG file elements in less than a second and did so while putting them in a neat little .zip file.

Highly recommended for designers.

6. Page Ruler Redux

Page Ruler Redux is a core web developer and designer tool, that allows you to get pixel-perfect measurements of web elements for website front-end development. Resize the ruler by dragging by mouse or arrow keys.

Measure elements faster

Adjustable color for perfect contrast on dark and light websites. It will let you draw out a ruler to any page and displays the width, height, and position of it.

7. Singlefile

This Numero-Uno extension helps to save a complete page with CSS, images, fonts, frames, etc. as a single HTML file.

This is the best way to save web pages. It saves into a single file in standard HTML format, which is supported by all browsers. Formatting is preserved even in complex modern pages.

Saved files are compatible with Firefox, Opera, Safari, Konqueror, and partially with Internet Explorer.

8. Fonts Ninja

The new extension window will summarize all the fonts and styles used on any website platform.

Identify fonts quickly

It’s not just displaying the CSS’s name but analyzing the font to get its real name. When your client validates a font for the design, provide him a link to buy the correct font licenses.

9. ColorZilla

ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color related needs. It has got the ability to sample the average color of any selected area even if it’s on retina displays.

This built-in palette browser allows choosing colors from predefined color sets and saving the most used colors in custom palettes for every designer’s requirements.

10. LastPass

LastPass, an award-winning password manager, saves your passwords and gives you secure access from every computer and mobile device.

Only remember one password — your LastPass master password. Save all your usernames and passwords to LastPass, and it will auto-login to your sites and sync your passwords everywhere you need them.

Actively stores your passwords and also recommends secure passwords when signing up for a new account.

That’s 10 Google Chrome extensions for designers to help create outstanding works. Thanks for reading and we hope you enjoy some of these extensions.

Please drop a comment if you’ve got any other extensions that you use in your workflow!