8 GOOGLE EXTENSIONS FOR DESIGNERS

1. Window Resizer

You may want to view a design or a website on a specific screen size; eg iPad, iPhone size, slide show for example. This extension allows you to choose the screen size you want to view and automatically resize your browser window there.

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. 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 viewport.

The extension also features customizable global key shortcuts, an option to export your settings and import them on another computer and more!

Download: Window Resizer here

2. Whatfont

Whatfont helps you quickly identify which fonts are used on the website. It gives you a lot of information like font name, font size and font weight.

What is the easiest way to find out the fonts used in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.

Download: Whatfont here

3. SVG Grabber

Whenever you need to get a logo or icon with an SVG file without downloading it from Flaticon, remember SVG Grabber. Click a single button and it will automatically drag all the SVGs present on the page. Get a full view of what it can capture and quickly download what you need.

Download: SVG Grabber here

4. Fontface Ninja

Another easy, cool, beautiful extension to your download is Fontface Ninja. This allows you to hover over elements to see what font they are using. You also get direct access to the fonts on the site for purchase using their extensive toolbar.Our proprietary algorithm analyses font files to get more accurate results. Rollover any text to get the font name and CSS properties.The main extension window will also display a summary of all font used on a website

Download: Fontface Ninja here

5. ColorZilla

Sometimes you just need a quick way to see what colors are being used - and ColorZilla is a great solution for that. Simply hover over elements on your page to see the HEX and RGB colors being used. Click to quickly copy it to your clipboard. It's fast, simple and effective.

Download: ColorZilla here

6. Page Ruler

Measuring the size of objects on your page can be a problem. If you are someone who regularly opens the screenshot tool to do so - then you should definitely use the Page Ruler utility.

Download: Page Ruller here

7. Muzli

The freshest links about design and interactive, from around the web. A designer's must!
Simple and beautiful.

Need a little inspiration with your morning coffee (or tea)? Chrome Extension - Muzli is here.
Every time you open a new browser window, you'll see an updated feed of all the great design stuff. They draw from a wide variety of design sources to give you what's new, stylish, and exciting. 
Bringing you the freshest design, UI, UX and interactive news and shots from around the web. All the design inspiration you need.

Enjoy the most inspiring stuff out there. Never miss the next big thing.
On top of our hand picked, professionally curated "Muzli Picks" feed, Muzli offers over 120 other feed syndications to choose from.
Muzli will replace your default tab, it will become your home page, so you don't miss anything.

Download: Muzli here

8. Loom

Loom helps you record animations, user flows or bugs and share them with your team on the same project. It's a very useful extension and also free!

Record your screen and camera with one click. Share that content in an instant with a link.
Loom is the industry leading screen recording tool. Join more than 14 million people across 200,000 companies who use Loom to record their screen, share their thoughts seemingly, and provide asynchronous feedback.

With Loom you can record your screen and instantly get a link to share with anyone. It’s the fastest and easiest way to screen capture and stay connected with your team. Whether you're screen recording a product demo, giving feedback, or simply sharing your thoughts, Loom makes it simple to stay in the loop with async video.

Download: Loom here

Leave a comment

All comments are moderated before being published