Access To 100's Of Premium Design Resources

Join today
Share via:

10 Best chrome extension for designers and developers

If your a Google chrome user there are some essential extensions out there, which will make life 10 times easier. The roundup features a great collection of extension’s to use from being able to identify any font on a website to exporting all the SVG’s from a webpage. The roundup feature 10 extension we recommend using, which are all free to use perfect if your a developer or even a designer, each of these tools are gamer changers.

I hope you enjoy the roundup and feel free to leave a comment or email us if there extension you use all time, which is missing from the post.

Creative Nerds Premium

1. WhatFont

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.

2. HTML to Figma

Use this extension to capture your current page and import it as editable Figma layers!

3. ColorPick Eyedropper

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

4. Page Ruler

Page Ruler is for measuring objects on web pages. Measure it width and height in pixels.

5. Live editor for CSS

Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension’s storage space or the site’s local storage.

6. svg-grabber

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

7. Nimbus Screenshot & Screen Video Recorder

Screen Capture FULL Web page or any part. Edit screenshots. Record screencasts – record video from your screen.

8. Get the essential colours from a website

A browser extension to generate comprehensive palettes. A must-have tool for designers and frontend developers. Free colour scheme extraction.

9. Image Downloader

Browse and download images on the web

10. Lipsum Generator

Create lorem ipsum dummy text.

Post tags


Please leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

HELP SUPPORT US - Become a premium member

Regular updates

Regular updates

New content is continually added throughout each month, so frequently visit back to see new resources added.

1 year membership

1 year membership

Your membership lasts for 12 months, which cost less than a cup of coffee a month.

Unlimited access

Unlimited access

Download as many resources as you like throughout lifetime of your membership with over 100 resources.

Only $15.99 Per Year

Join today